let arr = [
    [
        {
            position: {
                x: 100,
                y: 375,
            },
            size: {
                width: 180,
                height: 136,
            },
            view: 'vue-shape-view',
            shape: 'card',
            component: {
                template: '<card />',
                components: {
                    card: {
                        inject: {
                            getGraph: {
                                from: 'getGraph',
                            },
                            getNode: {
                                from: 'getNode',
                            },
                        },
                        components: {
                            RenderContent: {
                                name: 'TitleRender',
                                functional: true,
                                props: {
                                    render: {},
                                    data: {},
                                },
                                _Ctor: {},
                            },
                        },
                        methods: {},
                        staticRenderFns: [],
                        _compiled: true,
                        beforeCreate: [null],
                        beforeDestroy: [null],
                        __file: 'src/views/components/XsCard.vue',
                        _Ctor: {},
                    },
                },
            },
            ports: {
                groups: {
                    top: {
                        position: 'top',
                        attrs: {
                            circle: {
                                r: 3,
                                magnet: true,
                                stroke: '#31d0c6',
                                strokeWidth: 2,
                                fill: '#fff',
                                style: {
                                    visibility: 'hidden',
                                },
                            },
                        },
                    },
                    left: {
                        position: 'left',
                        attrs: {
                            circle: {
                                r: 3,
                                magnet: true,
                                stroke: '#31d0c6',
                                strokeWidth: 2,
                                fill: '#fff',
                                style: {
                                    visibility: 'hidden',
                                },
                            },
                        },
                    },
                    bottom: {
                        position: 'bottom',
                        attrs: {
                            circle: {
                                r: 3,
                                magnet: true,
                                stroke: '#31d0c6',
                                strokeWidth: 2,
                                fill: '#fff',
                                style: {
                                    visibility: 'hidden',
                                },
                            },
                        },
                    },
                    right: {
                        position: 'right',
                        attrs: {
                            circle: {
                                r: 3,
                                magnet: true,
                                stroke: '#31d0c6',
                                strokeWidth: 2,
                                fill: '#fff',
                                style: {
                                    visibility: 'hidden',
                                },
                            },
                        },
                    },
                    abs: {
                        attrs: {
                            circle: {
                                r: 3,
                                magnet: true,
                                stroke: '#31d0c6',
                                strokeWidth: 2,
                                fill: '#fff',
                                style: {
                                    visibility: 'hidden',
                                },
                            },
                        },
                        position: {
                            name: 'absolute',
                        },
                    },
                },
                items: [
                    {
                        id: 'y_1',
                        group: 'top',
                    },
                    {
                        id: 'y_2',
                        group: 'bottom',
                    },
                    {
                        id: 'x_1',
                        group: 'left',
                    },
                    {
                        id: 'x_2',
                        group: 'right',
                    },
                ],
            },
            id: '56e906e6-a888-4904-be66-cb1b344f9453',
            data: {
                title: '指标名称',
                body: '指标描述',
                nodeType: '0',
                render: "(h, param) => h('div', {\n            style: {\n              padding: '16px'\n            }\n          }, [h('span', param.title), h('div', param.body), h('YsInput')])",
            },
            zIndex: 1,
            children: ['e9509400-2f91-497b-8835-9bc771dd3dda', '2659e39a-40c0-412b-9ab6-083a3b054721', '4da406ba-9613-453d-ba5f-1602a84968ad'],
        },
        {
            position: {
                x: 380,
                y: 75,
            },
            size: {
                width: 180,
                height: 136,
            },
            view: 'vue-shape-view',
            shape: 'card',
            component: {
                template: '<card />',
                components: {
                    card: {
                        inject: {
                            getGraph: {
                                from: 'getGraph',
                            },
                            getNode: {
                                from: 'getNode',
                            },
                        },
                        components: {
                            RenderContent: {
                                name: 'TitleRender',
                                functional: true,
                                props: {
                                    render: {},
                                    data: {},
                                },
                                _Ctor: {},
                            },
                        },
                        methods: {},
                        staticRenderFns: [],
                        _compiled: true,
                        beforeCreate: [null],
                        beforeDestroy: [null],
                        __file: 'src/views/components/XsCard.vue',
                        _Ctor: {},
                    },
                },
            },
            ports: {
                groups: {
                    top: {
                        position: 'top',
                        attrs: {
                            circle: {
                                r: 3,
                                magnet: true,
                                stroke: '#31d0c6',
                                strokeWidth: 2,
                                fill: '#fff',
                                style: {
                                    visibility: 'hidden',
                                },
                            },
                        },
                    },
                    left: {
                        position: 'left',
                        attrs: {
                            circle: {
                                r: 3,
                                magnet: true,
                                stroke: '#31d0c6',
                                strokeWidth: 2,
                                fill: '#fff',
                                style: {
                                    visibility: 'hidden',
                                },
                            },
                        },
                    },
                    bottom: {
                        position: 'bottom',
                        attrs: {
                            circle: {
                                r: 3,
                                magnet: true,
                                stroke: '#31d0c6',
                                strokeWidth: 2,
                                fill: '#fff',
                                style: {
                                    visibility: 'hidden',
                                },
                            },
                        },
                    },
                    right: {
                        position: 'right',
                        attrs: {
                            circle: {
                                r: 3,
                                magnet: true,
                                stroke: '#31d0c6',
                                strokeWidth: 2,
                                fill: '#fff',
                                style: {
                                    visibility: 'hidden',
                                },
                            },
                        },
                    },
                    abs: {
                        attrs: {
                            circle: {
                                r: 3,
                                magnet: true,
                                stroke: '#31d0c6',
                                strokeWidth: 2,
                                fill: '#fff',
                                style: {
                                    visibility: 'hidden',
                                },
                            },
                        },
                        position: {
                            name: 'absolute',
                        },
                    },
                },
                items: [
                    {
                        id: 'y_1',
                        group: 'top',
                    },
                    {
                        id: 'y_2',
                        group: 'bottom',
                    },
                    {
                        id: 'x_1',
                        group: 'left',
                    },
                    {
                        id: 'x_2',
                        group: 'right',
                    },
                ],
            },
            id: 'e9509400-2f91-497b-8835-9bc771dd3dda',
            data: {
                title: '指标名称',
                body: '指标描述',
                nodeType: '0',
                render: "(h, param) => h('div', {\n            style: {\n              padding: '16px'\n            }\n          }, [h('span', param.title), h('div', param.body), h('YsInput')])",
            },
            zIndex: 2,
            children: ['7ccaaa9b-a12d-4d72-a956-942ee687db65'],
        },
        {
            position: {
                x: 380,
                y: 375,
            },
            size: {
                width: 180,
                height: 136,
            },
            view: 'vue-shape-view',
            shape: 'card',
            component: {
                template: '<card />',
                components: {
                    card: {
                        inject: {
                            getGraph: {
                                from: 'getGraph',
                            },
                            getNode: {
                                from: 'getNode',
                            },
                        },
                        components: {
                            RenderContent: {
                                name: 'TitleRender',
                                functional: true,
                                props: {
                                    render: {},
                                    data: {},
                                },
                                _Ctor: {},
                            },
                        },
                        methods: {},
                        staticRenderFns: [],
                        _compiled: true,
                        beforeCreate: [null],
                        beforeDestroy: [null],
                        __file: 'src/views/components/XsCard.vue',
                        _Ctor: {},
                    },
                },
            },
            ports: {
                groups: {
                    top: {
                        position: 'top',
                        attrs: {
                            circle: {
                                r: 3,
                                magnet: true,
                                stroke: '#31d0c6',
                                strokeWidth: 2,
                                fill: '#fff',
                                style: {
                                    visibility: 'hidden',
                                },
                            },
                        },
                    },
                    left: {
                        position: 'left',
                        attrs: {
                            circle: {
                                r: 3,
                                magnet: true,
                                stroke: '#31d0c6',
                                strokeWidth: 2,
                                fill: '#fff',
                                style: {
                                    visibility: 'hidden',
                                },
                            },
                        },
                    },
                    bottom: {
                        position: 'bottom',
                        attrs: {
                            circle: {
                                r: 3,
                                magnet: true,
                                stroke: '#31d0c6',
                                strokeWidth: 2,
                                fill: '#fff',
                                style: {
                                    visibility: 'hidden',
                                },
                            },
                        },
                    },
                    right: {
                        position: 'right',
                        attrs: {
                            circle: {
                                r: 3,
                                magnet: true,
                                stroke: '#31d0c6',
                                strokeWidth: 2,
                                fill: '#fff',
                                style: {
                                    visibility: 'hidden',
                                },
                            },
                        },
                    },
                    abs: {
                        attrs: {
                            circle: {
                                r: 3,
                                magnet: true,
                                stroke: '#31d0c6',
                                strokeWidth: 2,
                                fill: '#fff',
                                style: {
                                    visibility: 'hidden',
                                },
                            },
                        },
                        position: {
                            name: 'absolute',
                        },
                    },
                },
                items: [
                    {
                        id: 'y_1',
                        group: 'top',
                    },
                    {
                        id: 'y_2',
                        group: 'bottom',
                    },
                    {
                        id: 'x_1',
                        group: 'left',
                    },
                    {
                        id: 'x_2',
                        group: 'right',
                    },
                ],
            },
            id: '2659e39a-40c0-412b-9ab6-083a3b054721',
            data: {
                title: '指标名称',
                body: '指标描述',
                nodeType: '0',
                render: "(h, param) => h('div', {\n            style: {\n              padding: '16px'\n            }\n          }, [h('span', param.title), h('div', param.body), h('YsInput')])",
            },
            zIndex: 3,
            children: ['2ef3decc-d844-454b-b46a-b9a4d3dd3346', '3199c275-da71-4a44-9ac1-4a823da77678'],
        },
        {
            position: {
                x: 660,
                y: 75,
            },
            size: {
                width: 180,
                height: 136,
            },
            view: 'vue-shape-view',
            shape: 'card',
            component: {
                template: '<card />',
                components: {
                    card: {
                        inject: {
                            getGraph: {
                                from: 'getGraph',
                            },
                            getNode: {
                                from: 'getNode',
                            },
                        },
                        components: {
                            RenderContent: {
                                name: 'TitleRender',
                                functional: true,
                                props: {
                                    render: {},
                                    data: {},
                                },
                                _Ctor: {},
                            },
                        },
                        methods: {},
                        staticRenderFns: [],
                        _compiled: true,
                        beforeCreate: [null],
                        beforeDestroy: [null],
                        __file: 'src/views/components/XsCard.vue',
                        _Ctor: {},
                    },
                },
            },
            ports: {
                groups: {
                    top: {
                        position: 'top',
                        attrs: {
                            circle: {
                                r: 3,
                                magnet: true,
                                stroke: '#31d0c6',
                                strokeWidth: 2,
                                fill: '#fff',
                                style: {
                                    visibility: 'hidden',
                                },
                            },
                        },
                    },
                    left: {
                        position: 'left',
                        attrs: {
                            circle: {
                                r: 3,
                                magnet: true,
                                stroke: '#31d0c6',
                                strokeWidth: 2,
                                fill: '#fff',
                                style: {
                                    visibility: 'hidden',
                                },
                            },
                        },
                    },
                    bottom: {
                        position: 'bottom',
                        attrs: {
                            circle: {
                                r: 3,
                                magnet: true,
                                stroke: '#31d0c6',
                                strokeWidth: 2,
                                fill: '#fff',
                                style: {
                                    visibility: 'hidden',
                                },
                            },
                        },
                    },
                    right: {
                        position: 'right',
                        attrs: {
                            circle: {
                                r: 3,
                                magnet: true,
                                stroke: '#31d0c6',
                                strokeWidth: 2,
                                fill: '#fff',
                                style: {
                                    visibility: 'hidden',
                                },
                            },
                        },
                    },
                    abs: {
                        attrs: {
                            circle: {
                                r: 3,
                                magnet: true,
                                stroke: '#31d0c6',
                                strokeWidth: 2,
                                fill: '#fff',
                                style: {
                                    visibility: 'hidden',
                                },
                            },
                        },
                        position: {
                            name: 'absolute',
                        },
                    },
                },
                items: [
                    {
                        id: 'y_1',
                        group: 'top',
                    },
                    {
                        id: 'y_2',
                        group: 'bottom',
                    },
                    {
                        id: 'x_1',
                        group: 'left',
                    },
                    {
                        id: 'x_2',
                        group: 'right',
                    },
                ],
            },
            id: '7ccaaa9b-a12d-4d72-a956-942ee687db65',
            data: {
                title: '指标名称',
                body: '指标描述',
                nodeType: '0',
                render: "(h, param) => h('div', {\n            style: {\n              padding: '16px'\n            }\n          }, [h('span', param.title), h('div', param.body), h('YsInput')])",
            },
            zIndex: 4,
            children: ['ec79c64e-1a88-4794-b7de-5ef53f626b03'],
        },
        {
            position: {
                x: 660,
                y: 275,
            },
            size: {
                width: 180,
                height: 136,
            },
            view: 'vue-shape-view',
            shape: 'card',
            component: {
                template: '<card />',
                components: {
                    card: {
                        inject: {
                            getGraph: {
                                from: 'getGraph',
                            },
                            getNode: {
                                from: 'getNode',
                            },
                        },
                        components: {
                            RenderContent: {
                                name: 'TitleRender',
                                functional: true,
                                props: {
                                    render: {},
                                    data: {},
                                },
                                _Ctor: {},
                            },
                        },
                        methods: {},
                        staticRenderFns: [],
                        _compiled: true,
                        beforeCreate: [null],
                        beforeDestroy: [null],
                        __file: 'src/views/components/XsCard.vue',
                        _Ctor: {},
                    },
                },
            },
            ports: {
                groups: {
                    top: {
                        position: 'top',
                        attrs: {
                            circle: {
                                r: 3,
                                magnet: true,
                                stroke: '#31d0c6',
                                strokeWidth: 2,
                                fill: '#fff',
                                style: {
                                    visibility: 'hidden',
                                },
                            },
                        },
                    },
                    left: {
                        position: 'left',
                        attrs: {
                            circle: {
                                r: 3,
                                magnet: true,
                                stroke: '#31d0c6',
                                strokeWidth: 2,
                                fill: '#fff',
                                style: {
                                    visibility: 'hidden',
                                },
                            },
                        },
                    },
                    bottom: {
                        position: 'bottom',
                        attrs: {
                            circle: {
                                r: 3,
                                magnet: true,
                                stroke: '#31d0c6',
                                strokeWidth: 2,
                                fill: '#fff',
                                style: {
                                    visibility: 'hidden',
                                },
                            },
                        },
                    },
                    right: {
                        position: 'right',
                        attrs: {
                            circle: {
                                r: 3,
                                magnet: true,
                                stroke: '#31d0c6',
                                strokeWidth: 2,
                                fill: '#fff',
                                style: {
                                    visibility: 'hidden',
                                },
                            },
                        },
                    },
                    abs: {
                        attrs: {
                            circle: {
                                r: 3,
                                magnet: true,
                                stroke: '#31d0c6',
                                strokeWidth: 2,
                                fill: '#fff',
                                style: {
                                    visibility: 'hidden',
                                },
                            },
                        },
                        position: {
                            name: 'absolute',
                        },
                    },
                },
                items: [
                    {
                        id: 'y_1',
                        group: 'top',
                    },
                    {
                        id: 'y_2',
                        group: 'bottom',
                    },
                    {
                        id: 'x_1',
                        group: 'left',
                    },
                    {
                        id: 'x_2',
                        group: 'right',
                    },
                ],
            },
            id: '2ef3decc-d844-454b-b46a-b9a4d3dd3346',
            data: {
                title: '指标名称',
                body: '指标描述',
                nodeType: '0',
                render: "(h, param) => h('div', {\n            style: {\n              padding: '16px'\n            }\n          }, [h('span', param.title), h('div', param.body), h('YsInput')])",
            },
            zIndex: 5,
            children: ['ec79c64e-1a88-4794-b7de-5ef53f626b03'],
        },
        {
            position: {
                x: 660,
                y: 675,
            },
            size: {
                width: 180,
                height: 136,
            },
            view: 'vue-shape-view',
            shape: 'card',
            component: {
                template: '<card />',
                components: {
                    card: {
                        inject: {
                            getGraph: {
                                from: 'getGraph',
                            },
                            getNode: {
                                from: 'getNode',
                            },
                        },
                        components: {
                            RenderContent: {
                                name: 'TitleRender',
                                functional: true,
                                props: {
                                    render: {},
                                    data: {},
                                },
                                _Ctor: {},
                            },
                        },
                        methods: {},
                        staticRenderFns: [],
                        _compiled: true,
                        beforeCreate: [null],
                        beforeDestroy: [null],
                        __file: 'src/views/components/XsCard.vue',
                        _Ctor: {},
                    },
                },
            },
            ports: {
                groups: {
                    top: {
                        position: 'top',
                        attrs: {
                            circle: {
                                r: 3,
                                magnet: true,
                                stroke: '#31d0c6',
                                strokeWidth: 2,
                                fill: '#fff',
                                style: {
                                    visibility: 'hidden',
                                },
                            },
                        },
                    },
                    left: {
                        position: 'left',
                        attrs: {
                            circle: {
                                r: 3,
                                magnet: true,
                                stroke: '#31d0c6',
                                strokeWidth: 2,
                                fill: '#fff',
                                style: {
                                    visibility: 'hidden',
                                },
                            },
                        },
                    },
                    bottom: {
                        position: 'bottom',
                        attrs: {
                            circle: {
                                r: 3,
                                magnet: true,
                                stroke: '#31d0c6',
                                strokeWidth: 2,
                                fill: '#fff',
                                style: {
                                    visibility: 'hidden',
                                },
                            },
                        },
                    },
                    right: {
                        position: 'right',
                        attrs: {
                            circle: {
                                r: 3,
                                magnet: true,
                                stroke: '#31d0c6',
                                strokeWidth: 2,
                                fill: '#fff',
                                style: {
                                    visibility: 'hidden',
                                },
                            },
                        },
                    },
                    abs: {
                        attrs: {
                            circle: {
                                r: 3,
                                magnet: true,
                                stroke: '#31d0c6',
                                strokeWidth: 2,
                                fill: '#fff',
                                style: {
                                    visibility: 'hidden',
                                },
                            },
                        },
                        position: {
                            name: 'absolute',
                        },
                    },
                },
                items: [
                    {
                        id: 'y_1',
                        group: 'top',
                    },
                    {
                        id: 'y_2',
                        group: 'bottom',
                    },
                    {
                        id: 'x_1',
                        group: 'left',
                    },
                    {
                        id: 'x_2',
                        group: 'right',
                    },
                ],
            },
            id: '4da406ba-9613-453d-ba5f-1602a84968ad',
            data: {
                title: '指标名称',
                body: '指标描述',
                nodeType: '0',
                render: "(h, param) => h('div', {\n            style: {\n              padding: '16px'\n            }\n          }, [h('span', param.title), h('div', param.body), h('YsInput')])",
            },
            zIndex: 6,
            children: ['ec79c64e-1a88-4794-b7de-5ef53f626b03'],
        },
        {
            position: {
                x: 660,
                y: 475,
            },
            size: {
                width: 180,
                height: 136,
            },
            view: 'vue-shape-view',
            shape: 'card',
            component: {
                template: '<card />',
                components: {
                    card: {
                        inject: {
                            getGraph: {
                                from: 'getGraph',
                            },
                            getNode: {
                                from: 'getNode',
                            },
                        },
                        components: {
                            RenderContent: {
                                name: 'TitleRender',
                                functional: true,
                                props: {
                                    render: {},
                                    data: {},
                                },
                                _Ctor: {},
                            },
                        },
                        methods: {},
                        staticRenderFns: [],
                        _compiled: true,
                        beforeCreate: [null],
                        beforeDestroy: [null],
                        __file: 'src/views/components/XsCard.vue',
                        _Ctor: {},
                    },
                },
            },
            ports: {
                groups: {
                    top: {
                        position: 'top',
                        attrs: {
                            circle: {
                                r: 3,
                                magnet: true,
                                stroke: '#31d0c6',
                                strokeWidth: 2,
                                fill: '#fff',
                                style: {
                                    visibility: 'hidden',
                                },
                            },
                        },
                    },
                    left: {
                        position: 'left',
                        attrs: {
                            circle: {
                                r: 3,
                                magnet: true,
                                stroke: '#31d0c6',
                                strokeWidth: 2,
                                fill: '#fff',
                                style: {
                                    visibility: 'hidden',
                                },
                            },
                        },
                    },
                    bottom: {
                        position: 'bottom',
                        attrs: {
                            circle: {
                                r: 3,
                                magnet: true,
                                stroke: '#31d0c6',
                                strokeWidth: 2,
                                fill: '#fff',
                                style: {
                                    visibility: 'hidden',
                                },
                            },
                        },
                    },
                    right: {
                        position: 'right',
                        attrs: {
                            circle: {
                                r: 3,
                                magnet: true,
                                stroke: '#31d0c6',
                                strokeWidth: 2,
                                fill: '#fff',
                                style: {
                                    visibility: 'hidden',
                                },
                            },
                        },
                    },
                    abs: {
                        attrs: {
                            circle: {
                                r: 3,
                                magnet: true,
                                stroke: '#31d0c6',
                                strokeWidth: 2,
                                fill: '#fff',
                                style: {
                                    visibility: 'hidden',
                                },
                            },
                        },
                        position: {
                            name: 'absolute',
                        },
                    },
                },
                items: [
                    {
                        id: 'y_1',
                        group: 'top',
                    },
                    {
                        id: 'y_2',
                        group: 'bottom',
                    },
                    {
                        id: 'x_1',
                        group: 'left',
                    },
                    {
                        id: 'x_2',
                        group: 'right',
                    },
                ],
            },
            id: '3199c275-da71-4a44-9ac1-4a823da77678',
            data: {
                title: '指标名称',
                body: '指标描述',
                nodeType: '0',
                render: "(h, param) => h('div', {\n            style: {\n              padding: '16px'\n            }\n          }, [h('span', param.title), h('div', param.body), h('YsInput')])",
            },
            zIndex: 7,
            children: ['ec79c64e-1a88-4794-b7de-5ef53f626b03'],
        },
        {
            shape: 'edge',
            attrs: {
                line1: {
                    stroke: {
                        stops: [
                            {
                                offset: '0%',
                                color: '#E77930',
                            },
                            {
                                offset: '50%',
                                color: '#73d13d',
                            },
                            {
                                offset: '100%',
                                color: '#00CEFF',
                            },
                        ],
                    },
                },
            },
            connector: {
                name: 'jumpover',
                args: {
                    type: 'gap',
                    radius: 10,
                },
            },
            tools: {
                items: [],
                name: null,
            },
            id: 'e5a8ddc3-7e78-4857-ad44-13ca885ceb33',
            zIndex: 8,
            source: {
                cell: '56e906e6-a888-4904-be66-cb1b344f9453',
                port: 'x_2',
            },
            target: {
                cell: 'e9509400-2f91-497b-8835-9bc771dd3dda',
                port: 'x_1',
            },
            vertices: [
                {
                    x: 330,
                    y: 443,
                },
                {
                    x: 330,
                    y: 143,
                },
            ],
        },
        {
            shape: 'edge',
            attrs: {
                line1: {
                    stroke: {
                        stops: [
                            {
                                offset: '0%',
                                color: '#E77930',
                            },
                            {
                                offset: '50%',
                                color: '#73d13d',
                            },
                            {
                                offset: '100%',
                                color: '#00CEFF',
                            },
                        ],
                    },
                },
            },
            connector: {
                name: 'jumpover',
                args: {
                    type: 'gap',
                    radius: 10,
                },
            },
            tools: {
                items: [],
                name: null,
            },
            id: '3e9c102a-1905-4daa-8629-666148d42a0a',
            zIndex: 9,
            source: {
                cell: '56e906e6-a888-4904-be66-cb1b344f9453',
                port: 'x_2',
            },
            target: {
                cell: '2659e39a-40c0-412b-9ab6-083a3b054721',
                port: 'x_1',
            },
            vertices: [],
        },
        {
            shape: 'edge',
            attrs: {
                line1: {
                    stroke: {
                        stops: [
                            {
                                offset: '0%',
                                color: '#E77930',
                            },
                            {
                                offset: '50%',
                                color: '#73d13d',
                            },
                            {
                                offset: '100%',
                                color: '#00CEFF',
                            },
                        ],
                    },
                },
            },
            connector: {
                name: 'jumpover',
                args: {
                    type: 'gap',
                    radius: 10,
                },
            },
            tools: {
                items: [],
                name: null,
            },
            id: '6a85f2ef-04b8-4b71-8b12-3065ea8f0773',
            zIndex: 10,
            source: {
                cell: '56e906e6-a888-4904-be66-cb1b344f9453',
                port: 'x_2',
            },
            target: {
                cell: '4da406ba-9613-453d-ba5f-1602a84968ad',
                port: 'x_1',
            },
            vertices: [
                {
                    x: 330,
                    y: 443,
                },
                {
                    x: 330,
                    y: 743,
                },
            ],
        },
        {
            shape: 'edge',
            attrs: {
                line1: {
                    stroke: {
                        stops: [
                            {
                                offset: '0%',
                                color: '#E77930',
                            },
                            {
                                offset: '50%',
                                color: '#73d13d',
                            },
                            {
                                offset: '100%',
                                color: '#00CEFF',
                            },
                        ],
                    },
                },
            },
            connector: {
                name: 'jumpover',
                args: {
                    type: 'gap',
                    radius: 10,
                },
            },
            tools: {
                items: [],
                name: null,
            },
            id: 'b78efdd5-0497-49db-8b2c-001a4240b463',
            zIndex: 11,
            source: {
                cell: '2659e39a-40c0-412b-9ab6-083a3b054721',
                port: 'x_2',
            },
            target: {
                cell: '2ef3decc-d844-454b-b46a-b9a4d3dd3346',
                port: 'x_1',
            },
            vertices: [
                {
                    x: 610,
                    y: 443,
                },
                {
                    x: 610,
                    y: 343,
                },
            ],
        },
        {
            shape: 'edge',
            attrs: {
                line1: {
                    stroke: {
                        stops: [
                            {
                                offset: '0%',
                                color: '#E77930',
                            },
                            {
                                offset: '50%',
                                color: '#73d13d',
                            },
                            {
                                offset: '100%',
                                color: '#00CEFF',
                            },
                        ],
                    },
                },
            },
            connector: {
                name: 'jumpover',
                args: {
                    type: 'gap',
                    radius: 10,
                },
            },
            tools: {
                items: [],
                name: null,
            },
            id: '159dae6a-c73b-4bac-b62b-79147052712e',
            zIndex: 12,
            source: {
                cell: '2659e39a-40c0-412b-9ab6-083a3b054721',
                port: 'x_2',
            },
            target: {
                cell: '3199c275-da71-4a44-9ac1-4a823da77678',
                port: 'x_1',
            },
            vertices: [
                {
                    x: 610,
                    y: 443,
                },
                {
                    x: 610,
                    y: 543,
                },
            ],
        },
        {
            shape: 'edge',
            attrs: {
                line1: {
                    stroke: {
                        stops: [
                            {
                                offset: '0%',
                                color: '#E77930',
                            },
                            {
                                offset: '50%',
                                color: '#73d13d',
                            },
                            {
                                offset: '100%',
                                color: '#00CEFF',
                            },
                        ],
                    },
                },
            },
            connector: {
                name: 'jumpover',
                args: {
                    type: 'gap',
                    radius: 10,
                },
            },
            tools: {
                items: [],
                name: null,
            },
            id: '92962ef8-a2c9-4bba-9d1e-972eb0b33ac0',
            zIndex: 13,
            source: {
                cell: 'e9509400-2f91-497b-8835-9bc771dd3dda',
                port: 'x_2',
            },
            target: {
                cell: '7ccaaa9b-a12d-4d72-a956-942ee687db65',
                port: 'x_1',
            },
            vertices: [],
        },
        {
            position: {
                x: 940,
                y: 375,
            },
            size: {
                width: 180,
                height: 136,
            },
            view: 'vue-shape-view',
            shape: 'card',
            component: {
                template: '<card />',
                components: {
                    card: {
                        inject: {
                            getGraph: {
                                from: 'getGraph',
                            },
                            getNode: {
                                from: 'getNode',
                            },
                        },
                        components: {
                            RenderContent: {
                                name: 'TitleRender',
                                functional: true,
                                props: {
                                    render: {},
                                    data: {},
                                },
                                _Ctor: {},
                            },
                        },
                        methods: {},
                        staticRenderFns: [],
                        _compiled: true,
                        beforeCreate: [null],
                        beforeDestroy: [null],
                        __file: 'src/views/components/XsCard.vue',
                        _Ctor: {},
                    },
                },
            },
            ports: {
                groups: {
                    top: {
                        position: 'top',
                        attrs: {
                            circle: {
                                r: 3,
                                magnet: true,
                                stroke: '#31d0c6',
                                strokeWidth: 2,
                                fill: '#fff',
                                style: {
                                    visibility: 'hidden',
                                },
                            },
                        },
                    },
                    left: {
                        position: 'left',
                        attrs: {
                            circle: {
                                r: 3,
                                magnet: true,
                                stroke: '#31d0c6',
                                strokeWidth: 2,
                                fill: '#fff',
                                style: {
                                    visibility: 'hidden',
                                },
                            },
                        },
                    },
                    bottom: {
                        position: 'bottom',
                        attrs: {
                            circle: {
                                r: 3,
                                magnet: true,
                                stroke: '#31d0c6',
                                strokeWidth: 2,
                                fill: '#fff',
                                style: {
                                    visibility: 'hidden',
                                },
                            },
                        },
                    },
                    right: {
                        position: 'right',
                        attrs: {
                            circle: {
                                r: 3,
                                magnet: true,
                                stroke: '#31d0c6',
                                strokeWidth: 2,
                                fill: '#fff',
                                style: {
                                    visibility: 'hidden',
                                },
                            },
                        },
                    },
                    abs: {
                        attrs: {
                            circle: {
                                r: 3,
                                magnet: true,
                                stroke: '#31d0c6',
                                strokeWidth: 2,
                                fill: '#fff',
                                style: {
                                    visibility: 'hidden',
                                },
                            },
                        },
                        position: {
                            name: 'absolute',
                        },
                    },
                },
                items: [
                    {
                        id: 'y_1',
                        group: 'top',
                    },
                    {
                        id: 'y_2',
                        group: 'bottom',
                    },
                    {
                        id: 'x_1',
                        group: 'left',
                    },
                    {
                        id: 'x_2',
                        group: 'right',
                    },
                ],
            },
            id: 'ec79c64e-1a88-4794-b7de-5ef53f626b03',
            data: {
                title: '指标名称',
                body: '指标描述',
                nodeType: '0',
                render: "(h, param) => h('div', {\n            style: {\n              padding: '16px'\n            }\n          }, [h('span', param.title), h('div', param.body), h('YsInput')])",
            },
            zIndex: 14,
        },
        {
            shape: 'edge',
            attrs: {
                line1: {
                    stroke: {
                        stops: [
                            {
                                offset: '0%',
                                color: '#E77930',
                            },
                            {
                                offset: '50%',
                                color: '#73d13d',
                            },
                            {
                                offset: '100%',
                                color: '#00CEFF',
                            },
                        ],
                    },
                },
            },
            connector: {
                name: 'jumpover',
                args: {
                    type: 'gap',
                    radius: 10,
                },
            },
            tools: {
                items: [],
            },
            id: '0811408e-707f-46ab-a4f1-58e07703c85c',
            zIndex: 15,
            source: {
                cell: '7ccaaa9b-a12d-4d72-a956-942ee687db65',
                port: 'x_2',
            },
            target: {
                cell: 'ec79c64e-1a88-4794-b7de-5ef53f626b03',
                port: 'x_1',
            },
            vertices: [
                {
                    x: 890,
                    y: 143,
                },
                {
                    x: 890,
                    y: 443,
                },
            ],
        },
        {
            shape: 'edge',
            attrs: {
                line1: {
                    stroke: {
                        stops: [
                            {
                                offset: '0%',
                                color: '#E77930',
                            },
                            {
                                offset: '50%',
                                color: '#73d13d',
                            },
                            {
                                offset: '100%',
                                color: '#00CEFF',
                            },
                        ],
                    },
                },
            },
            connector: {
                name: 'jumpover',
                args: {
                    type: 'gap',
                    radius: 10,
                },
            },
            tools: {
                items: [],
            },
            id: '363a5c04-8196-4e73-bcee-1ceb5520dfe1',
            zIndex: 16,
            source: {
                cell: '2ef3decc-d844-454b-b46a-b9a4d3dd3346',
                port: 'x_2',
            },
            target: {
                cell: 'ec79c64e-1a88-4794-b7de-5ef53f626b03',
                port: 'x_1',
            },
            vertices: [
                {
                    x: 890,
                    y: 343,
                },
                {
                    x: 890,
                    y: 443,
                },
            ],
        },
        {
            shape: 'edge',
            attrs: {
                line1: {
                    stroke: {
                        stops: [
                            {
                                offset: '0%',
                                color: '#E77930',
                            },
                            {
                                offset: '50%',
                                color: '#73d13d',
                            },
                            {
                                offset: '100%',
                                color: '#00CEFF',
                            },
                        ],
                    },
                },
            },
            connector: {
                name: 'jumpover',
                args: {
                    type: 'gap',
                    radius: 10,
                },
            },
            tools: {
                items: [],
            },
            id: '48ee66ff-eb8e-408c-9e0e-58137c7dedae',
            zIndex: 17,
            source: {
                cell: '3199c275-da71-4a44-9ac1-4a823da77678',
                port: 'x_2',
            },
            target: {
                cell: 'ec79c64e-1a88-4794-b7de-5ef53f626b03',
                port: 'x_1',
            },
            vertices: [
                {
                    x: 890,
                    y: 543,
                },
                {
                    x: 890,
                    y: 443,
                },
            ],
        },
        {
            shape: 'edge',
            attrs: {
                line1: {
                    stroke: {
                        stops: [
                            {
                                offset: '0%',
                                color: '#E77930',
                            },
                            {
                                offset: '50%',
                                color: '#73d13d',
                            },
                            {
                                offset: '100%',
                                color: '#00CEFF',
                            },
                        ],
                    },
                },
            },
            connector: {
                name: 'jumpover',
                args: {
                    type: 'gap',
                    radius: 10,
                },
            },
            tools: {
                items: [],
            },
            id: 'c89f4db2-eeda-4619-8844-8a97e1ba34e7',
            zIndex: 18,
            source: {
                cell: '4da406ba-9613-453d-ba5f-1602a84968ad',
                port: 'x_2',
            },
            target: {
                cell: 'ec79c64e-1a88-4794-b7de-5ef53f626b03',
                port: 'x_1',
            },
            vertices: [
                {
                    x: 890,
                    y: 743,
                },
                {
                    x: 890,
                    y: 443,
                },
            ],
        },
    ],
    [
        {
            position: {
                x: 100,
                y: 975,
            },
            size: {
                width: 180,
                height: 136,
            },
            view: 'vue-shape-view',
            shape: 'card',
            component: {
                template: '<card />',
                components: {
                    card: {
                        inject: {
                            getGraph: {
                                from: 'getGraph',
                            },
                            getNode: {
                                from: 'getNode',
                            },
                        },
                        components: {
                            RenderContent: {
                                name: 'TitleRender',
                                functional: true,
                                props: {
                                    render: {},
                                    data: {},
                                },
                                _Ctor: {},
                            },
                        },
                        methods: {},
                        staticRenderFns: [],
                        _compiled: true,
                        beforeCreate: [null],
                        beforeDestroy: [null],
                        __file: 'src/views/components/XsCard.vue',
                        _Ctor: {},
                    },
                },
            },
            ports: {
                groups: {
                    top: {
                        position: 'top',
                        attrs: {
                            circle: {
                                r: 3,
                                magnet: true,
                                stroke: '#31d0c6',
                                strokeWidth: 2,
                                fill: '#fff',
                                style: {
                                    visibility: 'hidden',
                                },
                            },
                        },
                    },
                    left: {
                        position: 'left',
                        attrs: {
                            circle: {
                                r: 3,
                                magnet: true,
                                stroke: '#31d0c6',
                                strokeWidth: 2,
                                fill: '#fff',
                                style: {
                                    visibility: 'hidden',
                                },
                            },
                        },
                    },
                    bottom: {
                        position: 'bottom',
                        attrs: {
                            circle: {
                                r: 3,
                                magnet: true,
                                stroke: '#31d0c6',
                                strokeWidth: 2,
                                fill: '#fff',
                                style: {
                                    visibility: 'hidden',
                                },
                            },
                        },
                    },
                    right: {
                        position: 'right',
                        attrs: {
                            circle: {
                                r: 3,
                                magnet: true,
                                stroke: '#31d0c6',
                                strokeWidth: 2,
                                fill: '#fff',
                                style: {
                                    visibility: 'hidden',
                                },
                            },
                        },
                    },
                    abs: {
                        attrs: {
                            circle: {
                                r: 3,
                                magnet: true,
                                stroke: '#31d0c6',
                                strokeWidth: 2,
                                fill: '#fff',
                                style: {
                                    visibility: 'hidden',
                                },
                            },
                        },
                        position: {
                            name: 'absolute',
                        },
                    },
                },
                items: [
                    {
                        id: 'y_1',
                        group: 'top',
                    },
                    {
                        id: 'y_2',
                        group: 'bottom',
                    },
                    {
                        id: 'x_1',
                        group: 'left',
                    },
                    {
                        id: 'x_2',
                        group: 'right',
                    },
                ],
            },
            id: '3811a2c3-bf33-41ae-9bc4-48b9014d3248',
            data: {
                title: '指标名称',
                body: '指标描述',
                nodeType: '0',
                render: "(h, param) => h('div', {\n            style: {\n              padding: '16px'\n            }\n          }, [h('span', param.title), h('div', param.body), h('YsInput')])",
            },
            zIndex: 1,
            children: [
                '394a22a2-0ff1-46c3-9bdf-5a1f0bdc26b3',
                'ba9ce79b-d430-4f9d-b17f-31b48a0ba4ac',
                '473233c0-9158-4daa-b7cb-7552adb584bc',
                '1d01e478-7152-4252-8708-63a59a66cbfd',
            ],
        },
        {
            position: {
                x: 380,
                y: 275,
            },
            size: {
                width: 180,
                height: 136,
            },
            view: 'vue-shape-view',
            shape: 'card',
            component: {
                template: '<card />',
                components: {
                    card: {
                        inject: {
                            getGraph: {
                                from: 'getGraph',
                            },
                            getNode: {
                                from: 'getNode',
                            },
                        },
                        components: {
                            RenderContent: {
                                name: 'TitleRender',
                                functional: true,
                                props: {
                                    render: {},
                                    data: {},
                                },
                                _Ctor: {},
                            },
                        },
                        methods: {},
                        staticRenderFns: [],
                        _compiled: true,
                        beforeCreate: [null],
                        beforeDestroy: [null],
                        __file: 'src/views/components/XsCard.vue',
                        _Ctor: {},
                    },
                },
            },
            ports: {
                groups: {
                    top: {
                        position: 'top',
                        attrs: {
                            circle: {
                                r: 3,
                                magnet: true,
                                stroke: '#31d0c6',
                                strokeWidth: 2,
                                fill: '#fff',
                                style: {
                                    visibility: 'hidden',
                                },
                            },
                        },
                    },
                    left: {
                        position: 'left',
                        attrs: {
                            circle: {
                                r: 3,
                                magnet: true,
                                stroke: '#31d0c6',
                                strokeWidth: 2,
                                fill: '#fff',
                                style: {
                                    visibility: 'hidden',
                                },
                            },
                        },
                    },
                    bottom: {
                        position: 'bottom',
                        attrs: {
                            circle: {
                                r: 3,
                                magnet: true,
                                stroke: '#31d0c6',
                                strokeWidth: 2,
                                fill: '#fff',
                                style: {
                                    visibility: 'hidden',
                                },
                            },
                        },
                    },
                    right: {
                        position: 'right',
                        attrs: {
                            circle: {
                                r: 3,
                                magnet: true,
                                stroke: '#31d0c6',
                                strokeWidth: 2,
                                fill: '#fff',
                                style: {
                                    visibility: 'hidden',
                                },
                            },
                        },
                    },
                    abs: {
                        attrs: {
                            circle: {
                                r: 3,
                                magnet: true,
                                stroke: '#31d0c6',
                                strokeWidth: 2,
                                fill: '#fff',
                                style: {
                                    visibility: 'hidden',
                                },
                            },
                        },
                        position: {
                            name: 'absolute',
                        },
                    },
                },
                items: [
                    {
                        id: 'y_1',
                        group: 'top',
                    },
                    {
                        id: 'y_2',
                        group: 'bottom',
                    },
                    {
                        id: 'x_1',
                        group: 'left',
                    },
                    {
                        id: 'x_2',
                        group: 'right',
                    },
                ],
            },
            id: '394a22a2-0ff1-46c3-9bdf-5a1f0bdc26b3',
            data: {
                title: '指标名称',
                body: '指标描述',
                nodeType: '0',
                render: "(h, param) => h('div', {\n            style: {\n              padding: '16px'\n            }\n          }, [h('span', param.title), h('div', param.body), h('YsInput')])",
            },
            zIndex: 2,
            children: ['bc2ddc74-b124-424f-aacf-73e760ec7c28', 'b3db45da-883f-4d4d-94de-1d78501f67a0'],
        },
        {
            position: {
                x: 940,
                y: 175,
            },
            size: {
                width: 180,
                height: 136,
            },
            view: 'vue-shape-view',
            shape: 'card',
            component: {
                template: '<card />',
                components: {
                    card: {
                        inject: {
                            getGraph: {
                                from: 'getGraph',
                            },
                            getNode: {
                                from: 'getNode',
                            },
                        },
                        components: {
                            RenderContent: {
                                name: 'TitleRender',
                                functional: true,
                                props: {
                                    render: {},
                                    data: {},
                                },
                                _Ctor: {},
                            },
                        },
                        methods: {},
                        staticRenderFns: [],
                        _compiled: true,
                        beforeCreate: [null],
                        beforeDestroy: [null],
                        __file: 'src/views/components/XsCard.vue',
                        _Ctor: {},
                    },
                },
            },
            ports: {
                groups: {
                    top: {
                        position: 'top',
                        attrs: {
                            circle: {
                                r: 3,
                                magnet: true,
                                stroke: '#31d0c6',
                                strokeWidth: 2,
                                fill: '#fff',
                                style: {
                                    visibility: 'hidden',
                                },
                            },
                        },
                    },
                    left: {
                        position: 'left',
                        attrs: {
                            circle: {
                                r: 3,
                                magnet: true,
                                stroke: '#31d0c6',
                                strokeWidth: 2,
                                fill: '#fff',
                                style: {
                                    visibility: 'hidden',
                                },
                            },
                        },
                    },
                    bottom: {
                        position: 'bottom',
                        attrs: {
                            circle: {
                                r: 3,
                                magnet: true,
                                stroke: '#31d0c6',
                                strokeWidth: 2,
                                fill: '#fff',
                                style: {
                                    visibility: 'hidden',
                                },
                            },
                        },
                    },
                    right: {
                        position: 'right',
                        attrs: {
                            circle: {
                                r: 3,
                                magnet: true,
                                stroke: '#31d0c6',
                                strokeWidth: 2,
                                fill: '#fff',
                                style: {
                                    visibility: 'hidden',
                                },
                            },
                        },
                    },
                    abs: {
                        attrs: {
                            circle: {
                                r: 3,
                                magnet: true,
                                stroke: '#31d0c6',
                                strokeWidth: 2,
                                fill: '#fff',
                                style: {
                                    visibility: 'hidden',
                                },
                            },
                        },
                        position: {
                            name: 'absolute',
                        },
                    },
                },
                items: [
                    {
                        id: 'y_1',
                        group: 'top',
                    },
                    {
                        id: 'y_2',
                        group: 'bottom',
                    },
                    {
                        id: 'x_1',
                        group: 'left',
                    },
                    {
                        id: 'x_2',
                        group: 'right',
                    },
                ],
            },
            id: 'c7fcc7f4-ea3c-4ac7-9742-af35dbe6432a',
            data: {
                title: '指标名称',
                body: '指标描述',
                nodeType: '0',
                render: "(h, param) => h('div', {\n            style: {\n              padding: '16px'\n            }\n          }, [h('span', param.title), h('div', param.body), h('YsInput')])",
            },
            zIndex: 3,
            children: ['2cb72273-16e0-4b02-965b-52fa16a1b2fb', '80465b6d-e497-4220-b7f5-69b70ab17de8'],
        },
        {
            position: {
                x: 380,
                y: 775,
            },
            size: {
                width: 180,
                height: 136,
            },
            view: 'vue-shape-view',
            shape: 'card',
            component: {
                template: '<card />',
                components: {
                    card: {
                        inject: {
                            getGraph: {
                                from: 'getGraph',
                            },
                            getNode: {
                                from: 'getNode',
                            },
                        },
                        components: {
                            RenderContent: {
                                name: 'TitleRender',
                                functional: true,
                                props: {
                                    render: {},
                                    data: {},
                                },
                                _Ctor: {},
                            },
                        },
                        methods: {},
                        staticRenderFns: [],
                        _compiled: true,
                        beforeCreate: [null],
                        beforeDestroy: [null],
                        __file: 'src/views/components/XsCard.vue',
                        _Ctor: {},
                    },
                },
            },
            ports: {
                groups: {
                    top: {
                        position: 'top',
                        attrs: {
                            circle: {
                                r: 3,
                                magnet: true,
                                stroke: '#31d0c6',
                                strokeWidth: 2,
                                fill: '#fff',
                                style: {
                                    visibility: 'hidden',
                                },
                            },
                        },
                    },
                    left: {
                        position: 'left',
                        attrs: {
                            circle: {
                                r: 3,
                                magnet: true,
                                stroke: '#31d0c6',
                                strokeWidth: 2,
                                fill: '#fff',
                                style: {
                                    visibility: 'hidden',
                                },
                            },
                        },
                    },
                    bottom: {
                        position: 'bottom',
                        attrs: {
                            circle: {
                                r: 3,
                                magnet: true,
                                stroke: '#31d0c6',
                                strokeWidth: 2,
                                fill: '#fff',
                                style: {
                                    visibility: 'hidden',
                                },
                            },
                        },
                    },
                    right: {
                        position: 'right',
                        attrs: {
                            circle: {
                                r: 3,
                                magnet: true,
                                stroke: '#31d0c6',
                                strokeWidth: 2,
                                fill: '#fff',
                                style: {
                                    visibility: 'hidden',
                                },
                            },
                        },
                    },
                    abs: {
                        attrs: {
                            circle: {
                                r: 3,
                                magnet: true,
                                stroke: '#31d0c6',
                                strokeWidth: 2,
                                fill: '#fff',
                                style: {
                                    visibility: 'hidden',
                                },
                            },
                        },
                        position: {
                            name: 'absolute',
                        },
                    },
                },
                items: [
                    {
                        id: 'y_1',
                        group: 'top',
                    },
                    {
                        id: 'y_2',
                        group: 'bottom',
                    },
                    {
                        id: 'x_1',
                        group: 'left',
                    },
                    {
                        id: 'x_2',
                        group: 'right',
                    },
                ],
            },
            id: 'ba9ce79b-d430-4f9d-b17f-31b48a0ba4ac',
            data: {
                title: '指标名称',
                body: '指标描述',
                nodeType: '0',
                render: "(h, param) => h('div', {\n            style: {\n              padding: '16px'\n            }\n          }, [h('span', param.title), h('div', param.body), h('YsInput')])",
            },
            zIndex: 4,
            children: ['97bbd7f4-de36-47e4-b09d-376f7ea2d83f', 'bbda250b-c23b-484e-a390-1c8447bffa3e', '7f5f36ce-5b70-4255-b030-9564bf0da5b0'],
        },
        {
            position: {
                x: 380,
                y: 1175,
            },
            size: {
                width: 180,
                height: 136,
            },
            view: 'vue-shape-view',
            shape: 'card',
            component: {
                template: '<card />',
                components: {
                    card: {
                        inject: {
                            getGraph: {
                                from: 'getGraph',
                            },
                            getNode: {
                                from: 'getNode',
                            },
                        },
                        components: {
                            RenderContent: {
                                name: 'TitleRender',
                                functional: true,
                                props: {
                                    render: {},
                                    data: {},
                                },
                                _Ctor: {},
                            },
                        },
                        methods: {},
                        staticRenderFns: [],
                        _compiled: true,
                        beforeCreate: [null],
                        beforeDestroy: [null],
                        __file: 'src/views/components/XsCard.vue',
                        _Ctor: {},
                    },
                },
            },
            ports: {
                groups: {
                    top: {
                        position: 'top',
                        attrs: {
                            circle: {
                                r: 3,
                                magnet: true,
                                stroke: '#31d0c6',
                                strokeWidth: 2,
                                fill: '#fff',
                                style: {
                                    visibility: 'hidden',
                                },
                            },
                        },
                    },
                    left: {
                        position: 'left',
                        attrs: {
                            circle: {
                                r: 3,
                                magnet: true,
                                stroke: '#31d0c6',
                                strokeWidth: 2,
                                fill: '#fff',
                                style: {
                                    visibility: 'hidden',
                                },
                            },
                        },
                    },
                    bottom: {
                        position: 'bottom',
                        attrs: {
                            circle: {
                                r: 3,
                                magnet: true,
                                stroke: '#31d0c6',
                                strokeWidth: 2,
                                fill: '#fff',
                                style: {
                                    visibility: 'hidden',
                                },
                            },
                        },
                    },
                    right: {
                        position: 'right',
                        attrs: {
                            circle: {
                                r: 3,
                                magnet: true,
                                stroke: '#31d0c6',
                                strokeWidth: 2,
                                fill: '#fff',
                                style: {
                                    visibility: 'hidden',
                                },
                            },
                        },
                    },
                    abs: {
                        attrs: {
                            circle: {
                                r: 3,
                                magnet: true,
                                stroke: '#31d0c6',
                                strokeWidth: 2,
                                fill: '#fff',
                                style: {
                                    visibility: 'hidden',
                                },
                            },
                        },
                        position: {
                            name: 'absolute',
                        },
                    },
                },
                items: [
                    {
                        id: 'y_1',
                        group: 'top',
                    },
                    {
                        id: 'y_2',
                        group: 'bottom',
                    },
                    {
                        id: 'x_1',
                        group: 'left',
                    },
                    {
                        id: 'x_2',
                        group: 'right',
                    },
                ],
            },
            id: '473233c0-9158-4daa-b7cb-7552adb584bc',
            data: {
                title: '指标名称',
                body: '指标描述',
                nodeType: '0',
                render: "(h, param) => h('div', {\n            style: {\n              padding: '16px'\n            }\n          }, [h('span', param.title), h('div', param.body), h('YsInput')])",
            },
            zIndex: 5,
            children: ['0cf7c9b8-db98-4e0d-a42e-e7b0951f8676'],
        },
        {
            position: {
                x: 940,
                y: 475,
            },
            size: {
                width: 180,
                height: 136,
            },
            view: 'vue-shape-view',
            shape: 'card',
            component: {
                template: '<card />',
                components: {
                    card: {
                        inject: {
                            getGraph: {
                                from: 'getGraph',
                            },
                            getNode: {
                                from: 'getNode',
                            },
                        },
                        components: {
                            RenderContent: {
                                name: 'TitleRender',
                                functional: true,
                                props: {
                                    render: {},
                                    data: {},
                                },
                                _Ctor: {},
                            },
                        },
                        methods: {},
                        staticRenderFns: [],
                        _compiled: true,
                        beforeCreate: [null],
                        beforeDestroy: [null],
                        __file: 'src/views/components/XsCard.vue',
                        _Ctor: {},
                    },
                },
            },
            ports: {
                groups: {
                    top: {
                        position: 'top',
                        attrs: {
                            circle: {
                                r: 3,
                                magnet: true,
                                stroke: '#31d0c6',
                                strokeWidth: 2,
                                fill: '#fff',
                                style: {
                                    visibility: 'hidden',
                                },
                            },
                        },
                    },
                    left: {
                        position: 'left',
                        attrs: {
                            circle: {
                                r: 3,
                                magnet: true,
                                stroke: '#31d0c6',
                                strokeWidth: 2,
                                fill: '#fff',
                                style: {
                                    visibility: 'hidden',
                                },
                            },
                        },
                    },
                    bottom: {
                        position: 'bottom',
                        attrs: {
                            circle: {
                                r: 3,
                                magnet: true,
                                stroke: '#31d0c6',
                                strokeWidth: 2,
                                fill: '#fff',
                                style: {
                                    visibility: 'hidden',
                                },
                            },
                        },
                    },
                    right: {
                        position: 'right',
                        attrs: {
                            circle: {
                                r: 3,
                                magnet: true,
                                stroke: '#31d0c6',
                                strokeWidth: 2,
                                fill: '#fff',
                                style: {
                                    visibility: 'hidden',
                                },
                            },
                        },
                    },
                    abs: {
                        attrs: {
                            circle: {
                                r: 3,
                                magnet: true,
                                stroke: '#31d0c6',
                                strokeWidth: 2,
                                fill: '#fff',
                                style: {
                                    visibility: 'hidden',
                                },
                            },
                        },
                        position: {
                            name: 'absolute',
                        },
                    },
                },
                items: [
                    {
                        id: 'y_1',
                        group: 'top',
                    },
                    {
                        id: 'y_2',
                        group: 'bottom',
                    },
                    {
                        id: 'x_1',
                        group: 'left',
                    },
                    {
                        id: 'x_2',
                        group: 'right',
                    },
                ],
            },
            id: '6fb5563b-4f2e-45c3-a5de-b0ea728b024e',
            data: {
                title: '指标名称',
                body: '指标描述',
                nodeType: '0',
                render: "(h, param) => h('div', {\n            style: {\n              padding: '16px'\n            }\n          }, [h('span', param.title), h('div', param.body), h('YsInput')])",
            },
            zIndex: 6,
        },
        {
            position: {
                x: 1220,
                y: 75,
            },
            size: {
                width: 180,
                height: 136,
            },
            view: 'vue-shape-view',
            shape: 'card',
            component: {
                template: '<card />',
                components: {
                    card: {
                        inject: {
                            getGraph: {
                                from: 'getGraph',
                            },
                            getNode: {
                                from: 'getNode',
                            },
                        },
                        components: {
                            RenderContent: {
                                name: 'TitleRender',
                                functional: true,
                                props: {
                                    render: {},
                                    data: {},
                                },
                                _Ctor: {},
                            },
                        },
                        methods: {},
                        staticRenderFns: [],
                        _compiled: true,
                        beforeCreate: [null],
                        beforeDestroy: [null],
                        __file: 'src/views/components/XsCard.vue',
                        _Ctor: {},
                    },
                },
            },
            ports: {
                groups: {
                    top: {
                        position: 'top',
                        attrs: {
                            circle: {
                                r: 3,
                                magnet: true,
                                stroke: '#31d0c6',
                                strokeWidth: 2,
                                fill: '#fff',
                                style: {
                                    visibility: 'hidden',
                                },
                            },
                        },
                    },
                    left: {
                        position: 'left',
                        attrs: {
                            circle: {
                                r: 3,
                                magnet: true,
                                stroke: '#31d0c6',
                                strokeWidth: 2,
                                fill: '#fff',
                                style: {
                                    visibility: 'hidden',
                                },
                            },
                        },
                    },
                    bottom: {
                        position: 'bottom',
                        attrs: {
                            circle: {
                                r: 3,
                                magnet: true,
                                stroke: '#31d0c6',
                                strokeWidth: 2,
                                fill: '#fff',
                                style: {
                                    visibility: 'hidden',
                                },
                            },
                        },
                    },
                    right: {
                        position: 'right',
                        attrs: {
                            circle: {
                                r: 3,
                                magnet: true,
                                stroke: '#31d0c6',
                                strokeWidth: 2,
                                fill: '#fff',
                                style: {
                                    visibility: 'hidden',
                                },
                            },
                        },
                    },
                    abs: {
                        attrs: {
                            circle: {
                                r: 3,
                                magnet: true,
                                stroke: '#31d0c6',
                                strokeWidth: 2,
                                fill: '#fff',
                                style: {
                                    visibility: 'hidden',
                                },
                            },
                        },
                        position: {
                            name: 'absolute',
                        },
                    },
                },
                items: [
                    {
                        id: 'y_1',
                        group: 'top',
                    },
                    {
                        id: 'y_2',
                        group: 'bottom',
                    },
                    {
                        id: 'x_1',
                        group: 'left',
                    },
                    {
                        id: 'x_2',
                        group: 'right',
                    },
                ],
            },
            id: '2cb72273-16e0-4b02-965b-52fa16a1b2fb',
            data: {
                title: '指标名称',
                body: '指标描述',
                nodeType: '0',
                render: "(h, param) => h('div', {\n            style: {\n              padding: '16px'\n            }\n          }, [h('span', param.title), h('div', param.body), h('YsInput')])",
            },
            zIndex: 7,
        },
        {
            position: {
                x: 660,
                y: 175,
            },
            size: {
                width: 180,
                height: 136,
            },
            view: 'vue-shape-view',
            shape: 'card',
            component: {
                template: '<card />',
                components: {
                    card: {
                        inject: {
                            getGraph: {
                                from: 'getGraph',
                            },
                            getNode: {
                                from: 'getNode',
                            },
                        },
                        components: {
                            RenderContent: {
                                name: 'TitleRender',
                                functional: true,
                                props: {
                                    render: {},
                                    data: {},
                                },
                                _Ctor: {},
                            },
                        },
                        methods: {},
                        staticRenderFns: [],
                        _compiled: true,
                        beforeCreate: [null],
                        beforeDestroy: [null],
                        __file: 'src/views/components/XsCard.vue',
                        _Ctor: {},
                    },
                },
            },
            ports: {
                groups: {
                    top: {
                        position: 'top',
                        attrs: {
                            circle: {
                                r: 3,
                                magnet: true,
                                stroke: '#31d0c6',
                                strokeWidth: 2,
                                fill: '#fff',
                                style: {
                                    visibility: 'hidden',
                                },
                            },
                        },
                    },
                    left: {
                        position: 'left',
                        attrs: {
                            circle: {
                                r: 3,
                                magnet: true,
                                stroke: '#31d0c6',
                                strokeWidth: 2,
                                fill: '#fff',
                                style: {
                                    visibility: 'hidden',
                                },
                            },
                        },
                    },
                    bottom: {
                        position: 'bottom',
                        attrs: {
                            circle: {
                                r: 3,
                                magnet: true,
                                stroke: '#31d0c6',
                                strokeWidth: 2,
                                fill: '#fff',
                                style: {
                                    visibility: 'hidden',
                                },
                            },
                        },
                    },
                    right: {
                        position: 'right',
                        attrs: {
                            circle: {
                                r: 3,
                                magnet: true,
                                stroke: '#31d0c6',
                                strokeWidth: 2,
                                fill: '#fff',
                                style: {
                                    visibility: 'hidden',
                                },
                            },
                        },
                    },
                    abs: {
                        attrs: {
                            circle: {
                                r: 3,
                                magnet: true,
                                stroke: '#31d0c6',
                                strokeWidth: 2,
                                fill: '#fff',
                                style: {
                                    visibility: 'hidden',
                                },
                            },
                        },
                        position: {
                            name: 'absolute',
                        },
                    },
                },
                items: [
                    {
                        id: 'y_1',
                        group: 'top',
                    },
                    {
                        id: 'y_2',
                        group: 'bottom',
                    },
                    {
                        id: 'x_1',
                        group: 'left',
                    },
                    {
                        id: 'x_2',
                        group: 'right',
                    },
                ],
            },
            id: 'bc2ddc74-b124-424f-aacf-73e760ec7c28',
            data: {
                title: '指标名称',
                body: '指标描述',
                nodeType: '0',
                render: "(h, param) => h('div', {\n            style: {\n              padding: '16px'\n            }\n          }, [h('span', param.title), h('div', param.body), h('YsInput')])",
            },
            zIndex: 8,
        },
        {
            position: {
                x: 660,
                y: 575,
            },
            size: {
                width: 180,
                height: 136,
            },
            view: 'vue-shape-view',
            shape: 'card',
            component: {
                template: '<card />',
                components: {
                    card: {
                        inject: {
                            getGraph: {
                                from: 'getGraph',
                            },
                            getNode: {
                                from: 'getNode',
                            },
                        },
                        components: {
                            RenderContent: {
                                name: 'TitleRender',
                                functional: true,
                                props: {
                                    render: {},
                                    data: {},
                                },
                                _Ctor: {},
                            },
                        },
                        methods: {},
                        staticRenderFns: [],
                        _compiled: true,
                        beforeCreate: [null],
                        beforeDestroy: [null],
                        __file: 'src/views/components/XsCard.vue',
                        _Ctor: {},
                    },
                },
            },
            ports: {
                groups: {
                    top: {
                        position: 'top',
                        attrs: {
                            circle: {
                                r: 3,
                                magnet: true,
                                stroke: '#31d0c6',
                                strokeWidth: 2,
                                fill: '#fff',
                                style: {
                                    visibility: 'hidden',
                                },
                            },
                        },
                    },
                    left: {
                        position: 'left',
                        attrs: {
                            circle: {
                                r: 3,
                                magnet: true,
                                stroke: '#31d0c6',
                                strokeWidth: 2,
                                fill: '#fff',
                                style: {
                                    visibility: 'hidden',
                                },
                            },
                        },
                    },
                    bottom: {
                        position: 'bottom',
                        attrs: {
                            circle: {
                                r: 3,
                                magnet: true,
                                stroke: '#31d0c6',
                                strokeWidth: 2,
                                fill: '#fff',
                                style: {
                                    visibility: 'hidden',
                                },
                            },
                        },
                    },
                    right: {
                        position: 'right',
                        attrs: {
                            circle: {
                                r: 3,
                                magnet: true,
                                stroke: '#31d0c6',
                                strokeWidth: 2,
                                fill: '#fff',
                                style: {
                                    visibility: 'hidden',
                                },
                            },
                        },
                    },
                    abs: {
                        attrs: {
                            circle: {
                                r: 3,
                                magnet: true,
                                stroke: '#31d0c6',
                                strokeWidth: 2,
                                fill: '#fff',
                                style: {
                                    visibility: 'hidden',
                                },
                            },
                        },
                        position: {
                            name: 'absolute',
                        },
                    },
                },
                items: [
                    {
                        id: 'y_1',
                        group: 'top',
                    },
                    {
                        id: 'y_2',
                        group: 'bottom',
                    },
                    {
                        id: 'x_1',
                        group: 'left',
                    },
                    {
                        id: 'x_2',
                        group: 'right',
                    },
                ],
            },
            id: '97bbd7f4-de36-47e4-b09d-376f7ea2d83f',
            data: {
                title: '指标名称',
                body: '指标描述',
                nodeType: '0',
                render: "(h, param) => h('div', {\n            style: {\n              padding: '16px'\n            }\n          }, [h('span', param.title), h('div', param.body), h('YsInput')])",
            },
            zIndex: 9,
            children: [
                'c7fcc7f4-ea3c-4ac7-9742-af35dbe6432a',
                '6fb5563b-4f2e-45c3-a5de-b0ea728b024e',
                'dd6ceed6-d491-4756-8cbd-25c726dddeb2',
                'ac187367-0442-404f-8fe0-64dc7e9c4905',
            ],
        },
        {
            position: {
                x: 660,
                y: 1175,
            },
            size: {
                width: 180,
                height: 136,
            },
            view: 'vue-shape-view',
            shape: 'card',
            component: {
                template: '<card />',
                components: {
                    card: {
                        inject: {
                            getGraph: {
                                from: 'getGraph',
                            },
                            getNode: {
                                from: 'getNode',
                            },
                        },
                        components: {
                            RenderContent: {
                                name: 'TitleRender',
                                functional: true,
                                props: {
                                    render: {},
                                    data: {},
                                },
                                _Ctor: {},
                            },
                        },
                        methods: {},
                        staticRenderFns: [],
                        _compiled: true,
                        beforeCreate: [null],
                        beforeDestroy: [null],
                        __file: 'src/views/components/XsCard.vue',
                        _Ctor: {},
                    },
                },
            },
            ports: {
                groups: {
                    top: {
                        position: 'top',
                        attrs: {
                            circle: {
                                r: 3,
                                magnet: true,
                                stroke: '#31d0c6',
                                strokeWidth: 2,
                                fill: '#fff',
                                style: {
                                    visibility: 'hidden',
                                },
                            },
                        },
                    },
                    left: {
                        position: 'left',
                        attrs: {
                            circle: {
                                r: 3,
                                magnet: true,
                                stroke: '#31d0c6',
                                strokeWidth: 2,
                                fill: '#fff',
                                style: {
                                    visibility: 'hidden',
                                },
                            },
                        },
                    },
                    bottom: {
                        position: 'bottom',
                        attrs: {
                            circle: {
                                r: 3,
                                magnet: true,
                                stroke: '#31d0c6',
                                strokeWidth: 2,
                                fill: '#fff',
                                style: {
                                    visibility: 'hidden',
                                },
                            },
                        },
                    },
                    right: {
                        position: 'right',
                        attrs: {
                            circle: {
                                r: 3,
                                magnet: true,
                                stroke: '#31d0c6',
                                strokeWidth: 2,
                                fill: '#fff',
                                style: {
                                    visibility: 'hidden',
                                },
                            },
                        },
                    },
                    abs: {
                        attrs: {
                            circle: {
                                r: 3,
                                magnet: true,
                                stroke: '#31d0c6',
                                strokeWidth: 2,
                                fill: '#fff',
                                style: {
                                    visibility: 'hidden',
                                },
                            },
                        },
                        position: {
                            name: 'absolute',
                        },
                    },
                },
                items: [
                    {
                        id: 'y_1',
                        group: 'top',
                    },
                    {
                        id: 'y_2',
                        group: 'bottom',
                    },
                    {
                        id: 'x_1',
                        group: 'left',
                    },
                    {
                        id: 'x_2',
                        group: 'right',
                    },
                ],
            },
            id: '0cf7c9b8-db98-4e0d-a42e-e7b0951f8676',
            data: {
                title: '指标名称',
                body: '指标描述',
                nodeType: '0',
                render: "(h, param) => h('div', {\n            style: {\n              padding: '16px'\n            }\n          }, [h('span', param.title), h('div', param.body), h('YsInput')])",
            },
            zIndex: 10,
        },
        {
            position: {
                x: 940,
                y: 675,
            },
            size: {
                width: 180,
                height: 136,
            },
            view: 'vue-shape-view',
            shape: 'card',
            component: {
                template: '<card />',
                components: {
                    card: {
                        inject: {
                            getGraph: {
                                from: 'getGraph',
                            },
                            getNode: {
                                from: 'getNode',
                            },
                        },
                        components: {
                            RenderContent: {
                                name: 'TitleRender',
                                functional: true,
                                props: {
                                    render: {},
                                    data: {},
                                },
                                _Ctor: {},
                            },
                        },
                        methods: {},
                        staticRenderFns: [],
                        _compiled: true,
                        beforeCreate: [null],
                        beforeDestroy: [null],
                        __file: 'src/views/components/XsCard.vue',
                        _Ctor: {},
                    },
                },
            },
            ports: {
                groups: {
                    top: {
                        position: 'top',
                        attrs: {
                            circle: {
                                r: 3,
                                magnet: true,
                                stroke: '#31d0c6',
                                strokeWidth: 2,
                                fill: '#fff',
                                style: {
                                    visibility: 'hidden',
                                },
                            },
                        },
                    },
                    left: {
                        position: 'left',
                        attrs: {
                            circle: {
                                r: 3,
                                magnet: true,
                                stroke: '#31d0c6',
                                strokeWidth: 2,
                                fill: '#fff',
                                style: {
                                    visibility: 'hidden',
                                },
                            },
                        },
                    },
                    bottom: {
                        position: 'bottom',
                        attrs: {
                            circle: {
                                r: 3,
                                magnet: true,
                                stroke: '#31d0c6',
                                strokeWidth: 2,
                                fill: '#fff',
                                style: {
                                    visibility: 'hidden',
                                },
                            },
                        },
                    },
                    right: {
                        position: 'right',
                        attrs: {
                            circle: {
                                r: 3,
                                magnet: true,
                                stroke: '#31d0c6',
                                strokeWidth: 2,
                                fill: '#fff',
                                style: {
                                    visibility: 'hidden',
                                },
                            },
                        },
                    },
                    abs: {
                        attrs: {
                            circle: {
                                r: 3,
                                magnet: true,
                                stroke: '#31d0c6',
                                strokeWidth: 2,
                                fill: '#fff',
                                style: {
                                    visibility: 'hidden',
                                },
                            },
                        },
                        position: {
                            name: 'absolute',
                        },
                    },
                },
                items: [
                    {
                        id: 'y_1',
                        group: 'top',
                    },
                    {
                        id: 'y_2',
                        group: 'bottom',
                    },
                    {
                        id: 'x_1',
                        group: 'left',
                    },
                    {
                        id: 'x_2',
                        group: 'right',
                    },
                ],
            },
            id: 'dd6ceed6-d491-4756-8cbd-25c726dddeb2',
            data: {
                title: '指标名称',
                body: '指标描述',
                nodeType: '0',
                render: "(h, param) => h('div', {\n            style: {\n              padding: '16px'\n            }\n          }, [h('span', param.title), h('div', param.body), h('YsInput')])",
            },
            zIndex: 11,
        },
        {
            position: {
                x: 1220,
                y: 275,
            },
            size: {
                width: 180,
                height: 136,
            },
            view: 'vue-shape-view',
            shape: 'card',
            component: {
                template: '<card />',
                components: {
                    card: {
                        inject: {
                            getGraph: {
                                from: 'getGraph',
                            },
                            getNode: {
                                from: 'getNode',
                            },
                        },
                        components: {
                            RenderContent: {
                                name: 'TitleRender',
                                functional: true,
                                props: {
                                    render: {},
                                    data: {},
                                },
                                _Ctor: {},
                            },
                        },
                        methods: {},
                        staticRenderFns: [],
                        _compiled: true,
                        beforeCreate: [null],
                        beforeDestroy: [null],
                        __file: 'src/views/components/XsCard.vue',
                        _Ctor: {},
                    },
                },
            },
            ports: {
                groups: {
                    top: {
                        position: 'top',
                        attrs: {
                            circle: {
                                r: 3,
                                magnet: true,
                                stroke: '#31d0c6',
                                strokeWidth: 2,
                                fill: '#fff',
                                style: {
                                    visibility: 'hidden',
                                },
                            },
                        },
                    },
                    left: {
                        position: 'left',
                        attrs: {
                            circle: {
                                r: 3,
                                magnet: true,
                                stroke: '#31d0c6',
                                strokeWidth: 2,
                                fill: '#fff',
                                style: {
                                    visibility: 'hidden',
                                },
                            },
                        },
                    },
                    bottom: {
                        position: 'bottom',
                        attrs: {
                            circle: {
                                r: 3,
                                magnet: true,
                                stroke: '#31d0c6',
                                strokeWidth: 2,
                                fill: '#fff',
                                style: {
                                    visibility: 'hidden',
                                },
                            },
                        },
                    },
                    right: {
                        position: 'right',
                        attrs: {
                            circle: {
                                r: 3,
                                magnet: true,
                                stroke: '#31d0c6',
                                strokeWidth: 2,
                                fill: '#fff',
                                style: {
                                    visibility: 'hidden',
                                },
                            },
                        },
                    },
                    abs: {
                        attrs: {
                            circle: {
                                r: 3,
                                magnet: true,
                                stroke: '#31d0c6',
                                strokeWidth: 2,
                                fill: '#fff',
                                style: {
                                    visibility: 'hidden',
                                },
                            },
                        },
                        position: {
                            name: 'absolute',
                        },
                    },
                },
                items: [
                    {
                        id: 'y_1',
                        group: 'top',
                    },
                    {
                        id: 'y_2',
                        group: 'bottom',
                    },
                    {
                        id: 'x_1',
                        group: 'left',
                    },
                    {
                        id: 'x_2',
                        group: 'right',
                    },
                ],
            },
            id: '80465b6d-e497-4220-b7f5-69b70ab17de8',
            data: {
                title: '指标名称',
                body: '指标描述',
                nodeType: '0',
                render: "(h, param) => h('div', {\n            style: {\n              padding: '16px'\n            }\n          }, [h('span', param.title), h('div', param.body), h('YsInput')])",
            },
            zIndex: 12,
        },
        {
            shape: 'edge',
            attrs: {
                line1: {
                    stroke: {
                        stops: [
                            {
                                offset: '0%',
                                color: '#E77930',
                            },
                            {
                                offset: '50%',
                                color: '#73d13d',
                            },
                            {
                                offset: '100%',
                                color: '#00CEFF',
                            },
                        ],
                    },
                },
            },
            connector: {
                name: 'jumpover',
                args: {
                    type: 'gap',
                    radius: 10,
                },
            },
            tools: {
                items: [],
                name: null,
            },
            id: 'b5e7e94e-2ff5-414f-85fd-ec0ad2b34399',
            zIndex: 13,
            source: {
                cell: '3811a2c3-bf33-41ae-9bc4-48b9014d3248',
                port: 'x_2',
            },
            target: {
                cell: '394a22a2-0ff1-46c3-9bdf-5a1f0bdc26b3',
                port: 'x_1',
            },
            vertices: [
                {
                    x: 330,
                    y: 1043,
                },
                {
                    x: 330,
                    y: 343,
                },
            ],
        },
        {
            shape: 'edge',
            attrs: {
                line1: {
                    stroke: {
                        stops: [
                            {
                                offset: '0%',
                                color: '#E77930',
                            },
                            {
                                offset: '50%',
                                color: '#73d13d',
                            },
                            {
                                offset: '100%',
                                color: '#00CEFF',
                            },
                        ],
                    },
                },
            },
            connector: {
                name: 'jumpover',
                args: {
                    type: 'gap',
                    radius: 10,
                },
            },
            tools: {
                items: [],
            },
            id: 'eedde9cf-c72f-44fd-9283-71c6e6f800ed',
            zIndex: 14,
            source: {
                cell: '3811a2c3-bf33-41ae-9bc4-48b9014d3248',
                port: 'x_2',
            },
            target: {
                cell: 'ba9ce79b-d430-4f9d-b17f-31b48a0ba4ac',
                port: 'x_1',
            },
            vertices: [
                {
                    x: 330,
                    y: 1043,
                },
                {
                    x: 330,
                    y: 843,
                },
            ],
        },
        {
            shape: 'edge',
            attrs: {
                line1: {
                    stroke: {
                        stops: [
                            {
                                offset: '0%',
                                color: '#E77930',
                            },
                            {
                                offset: '50%',
                                color: '#73d13d',
                            },
                            {
                                offset: '100%',
                                color: '#00CEFF',
                            },
                        ],
                    },
                },
            },
            connector: {
                name: 'jumpover',
                args: {
                    type: 'gap',
                    radius: 10,
                },
            },
            tools: {
                items: [],
            },
            id: 'de977536-1a30-4fed-bfff-9fe76532cfc8',
            zIndex: 15,
            source: {
                cell: '3811a2c3-bf33-41ae-9bc4-48b9014d3248',
                port: 'x_2',
            },
            target: {
                cell: '473233c0-9158-4daa-b7cb-7552adb584bc',
                port: 'x_1',
            },
            vertices: [
                {
                    x: 330,
                    y: 1043,
                },
                {
                    x: 330,
                    y: 1243,
                },
            ],
        },
        {
            shape: 'edge',
            attrs: {
                line1: {
                    stroke: {
                        stops: [
                            {
                                offset: '0%',
                                color: '#E77930',
                            },
                            {
                                offset: '50%',
                                color: '#73d13d',
                            },
                            {
                                offset: '100%',
                                color: '#00CEFF',
                            },
                        ],
                    },
                },
            },
            connector: {
                name: 'jumpover',
                args: {
                    type: 'gap',
                    radius: 10,
                },
            },
            tools: {
                items: [],
            },
            id: 'd1f63f33-31b9-46a1-9215-da2d8100cf7d',
            zIndex: 16,
            source: {
                cell: '394a22a2-0ff1-46c3-9bdf-5a1f0bdc26b3',
                port: 'x_2',
            },
            target: {
                cell: 'bc2ddc74-b124-424f-aacf-73e760ec7c28',
                port: 'x_1',
            },
            vertices: [
                {
                    x: 610,
                    y: 343,
                },
                {
                    x: 610,
                    y: 243,
                },
            ],
        },
        {
            shape: 'edge',
            attrs: {
                line1: {
                    stroke: {
                        stops: [
                            {
                                offset: '0%',
                                color: '#E77930',
                            },
                            {
                                offset: '50%',
                                color: '#73d13d',
                            },
                            {
                                offset: '100%',
                                color: '#00CEFF',
                            },
                        ],
                    },
                },
            },
            connector: {
                name: 'jumpover',
                args: {
                    type: 'gap',
                    radius: 10,
                },
            },
            tools: {
                items: [],
                name: null,
            },
            id: '92411e61-1cd7-495b-826f-e7bc3c992365',
            zIndex: 17,
            source: {
                cell: 'ba9ce79b-d430-4f9d-b17f-31b48a0ba4ac',
                port: 'x_2',
            },
            target: {
                cell: '97bbd7f4-de36-47e4-b09d-376f7ea2d83f',
                port: 'x_1',
            },
            vertices: [
                {
                    x: 610,
                    y: 843,
                },
                {
                    x: 610,
                    y: 643,
                },
            ],
        },
        {
            shape: 'edge',
            attrs: {
                line1: {
                    stroke: {
                        stops: [
                            {
                                offset: '0%',
                                color: '#E77930',
                            },
                            {
                                offset: '50%',
                                color: '#73d13d',
                            },
                            {
                                offset: '100%',
                                color: '#00CEFF',
                            },
                        ],
                    },
                },
            },
            connector: {
                name: 'jumpover',
                args: {
                    type: 'gap',
                    radius: 10,
                },
            },
            tools: {
                items: [],
                name: null,
            },
            id: '40b4d5c0-d3b6-4f2d-848b-3cd0c2059047',
            zIndex: 18,
            source: {
                cell: '473233c0-9158-4daa-b7cb-7552adb584bc',
                port: 'x_2',
            },
            target: {
                cell: '0cf7c9b8-db98-4e0d-a42e-e7b0951f8676',
                port: 'x_1',
            },
            vertices: [],
        },
        {
            shape: 'edge',
            attrs: {
                line1: {
                    stroke: {
                        stops: [
                            {
                                offset: '0%',
                                color: '#E77930',
                            },
                            {
                                offset: '50%',
                                color: '#73d13d',
                            },
                            {
                                offset: '100%',
                                color: '#00CEFF',
                            },
                        ],
                    },
                },
            },
            connector: {
                name: 'jumpover',
                args: {
                    type: 'gap',
                    radius: 10,
                },
            },
            tools: {
                items: [],
                name: null,
            },
            id: '0b0f91bd-3afa-48d6-b62a-b446c162236f',
            zIndex: 19,
            source: {
                cell: '97bbd7f4-de36-47e4-b09d-376f7ea2d83f',
                port: 'x_2',
            },
            target: {
                cell: 'c7fcc7f4-ea3c-4ac7-9742-af35dbe6432a',
                port: 'x_1',
            },
            vertices: [
                {
                    x: 890,
                    y: 643,
                },
                {
                    x: 890,
                    y: 243,
                },
            ],
        },
        {
            shape: 'edge',
            attrs: {
                line1: {
                    stroke: {
                        stops: [
                            {
                                offset: '0%',
                                color: '#E77930',
                            },
                            {
                                offset: '50%',
                                color: '#73d13d',
                            },
                            {
                                offset: '100%',
                                color: '#00CEFF',
                            },
                        ],
                    },
                },
            },
            connector: {
                name: 'jumpover',
                args: {
                    type: 'gap',
                    radius: 10,
                },
            },
            tools: {
                items: [],
                name: null,
            },
            id: '54e10fce-7bb3-4fe8-a8a5-d0ab44f7b39d',
            zIndex: 20,
            source: {
                cell: '97bbd7f4-de36-47e4-b09d-376f7ea2d83f',
                port: 'x_2',
            },
            target: {
                cell: '6fb5563b-4f2e-45c3-a5de-b0ea728b024e',
                port: 'x_1',
            },
            vertices: [
                {
                    x: 890,
                    y: 643,
                },
                {
                    x: 890,
                    y: 543,
                },
            ],
        },
        {
            shape: 'edge',
            attrs: {
                line1: {
                    stroke: {
                        stops: [
                            {
                                offset: '0%',
                                color: '#E77930',
                            },
                            {
                                offset: '50%',
                                color: '#73d13d',
                            },
                            {
                                offset: '100%',
                                color: '#00CEFF',
                            },
                        ],
                    },
                },
            },
            connector: {
                name: 'jumpover',
                args: {
                    type: 'gap',
                    radius: 10,
                },
            },
            tools: {
                items: [],
                name: null,
            },
            id: '5b7f8ced-6375-4f1a-95e0-3cd2a1317e90',
            zIndex: 21,
            source: {
                cell: '97bbd7f4-de36-47e4-b09d-376f7ea2d83f',
                port: 'x_2',
            },
            target: {
                cell: 'dd6ceed6-d491-4756-8cbd-25c726dddeb2',
                port: 'x_1',
            },
            vertices: [
                {
                    x: 890,
                    y: 643,
                },
                {
                    x: 890,
                    y: 743,
                },
            ],
        },
        {
            shape: 'edge',
            attrs: {
                line1: {
                    stroke: {
                        stops: [
                            {
                                offset: '0%',
                                color: '#E77930',
                            },
                            {
                                offset: '50%',
                                color: '#73d13d',
                            },
                            {
                                offset: '100%',
                                color: '#00CEFF',
                            },
                        ],
                    },
                },
            },
            connector: {
                name: 'jumpover',
                args: {
                    type: 'gap',
                    radius: 10,
                },
            },
            tools: {
                items: [],
                name: null,
            },
            id: 'f4c86104-4361-457b-ae41-4352712cc414',
            zIndex: 22,
            source: {
                cell: 'c7fcc7f4-ea3c-4ac7-9742-af35dbe6432a',
                port: 'x_2',
            },
            target: {
                cell: '2cb72273-16e0-4b02-965b-52fa16a1b2fb',
                port: 'x_1',
            },
            vertices: [
                {
                    x: 1170,
                    y: 243,
                },
                {
                    x: 1170,
                    y: 143,
                },
            ],
        },
        {
            shape: 'edge',
            attrs: {
                line1: {
                    stroke: {
                        stops: [
                            {
                                offset: '0%',
                                color: '#E77930',
                            },
                            {
                                offset: '50%',
                                color: '#73d13d',
                            },
                            {
                                offset: '100%',
                                color: '#00CEFF',
                            },
                        ],
                    },
                },
            },
            connector: {
                name: 'jumpover',
                args: {
                    type: 'gap',
                    radius: 10,
                },
            },
            tools: {
                items: [],
            },
            id: 'bb85b6a4-d410-46d8-9287-776164e91e4a',
            zIndex: 23,
            source: {
                cell: 'c7fcc7f4-ea3c-4ac7-9742-af35dbe6432a',
                port: 'x_2',
            },
            target: {
                cell: '80465b6d-e497-4220-b7f5-69b70ab17de8',
                port: 'x_1',
            },
            vertices: [
                {
                    x: 1170,
                    y: 243,
                },
                {
                    x: 1170,
                    y: 343,
                },
            ],
        },
        {
            position: {
                x: 660,
                y: 375,
            },
            size: {
                width: 180,
                height: 136,
            },
            view: 'vue-shape-view',
            shape: 'card',
            component: {
                template: '<card />',
                components: {
                    card: {
                        inject: {
                            getGraph: {
                                from: 'getGraph',
                            },
                            getNode: {
                                from: 'getNode',
                            },
                        },
                        components: {
                            RenderContent: {
                                name: 'TitleRender',
                                functional: true,
                                props: {
                                    render: {},
                                    data: {},
                                },
                                _Ctor: {},
                            },
                        },
                        methods: {},
                        staticRenderFns: [],
                        _compiled: true,
                        beforeCreate: [null],
                        beforeDestroy: [null],
                        __file: 'src/views/components/XsCard.vue',
                        _Ctor: {},
                    },
                },
            },
            ports: {
                groups: {
                    top: {
                        position: 'top',
                        attrs: {
                            circle: {
                                r: 3,
                                magnet: true,
                                stroke: '#31d0c6',
                                strokeWidth: 2,
                                fill: '#fff',
                                style: {
                                    visibility: 'hidden',
                                },
                            },
                        },
                    },
                    left: {
                        position: 'left',
                        attrs: {
                            circle: {
                                r: 3,
                                magnet: true,
                                stroke: '#31d0c6',
                                strokeWidth: 2,
                                fill: '#fff',
                                style: {
                                    visibility: 'hidden',
                                },
                            },
                        },
                    },
                    bottom: {
                        position: 'bottom',
                        attrs: {
                            circle: {
                                r: 3,
                                magnet: true,
                                stroke: '#31d0c6',
                                strokeWidth: 2,
                                fill: '#fff',
                                style: {
                                    visibility: 'hidden',
                                },
                            },
                        },
                    },
                    right: {
                        position: 'right',
                        attrs: {
                            circle: {
                                r: 3,
                                magnet: true,
                                stroke: '#31d0c6',
                                strokeWidth: 2,
                                fill: '#fff',
                                style: {
                                    visibility: 'hidden',
                                },
                            },
                        },
                    },
                    abs: {
                        attrs: {
                            circle: {
                                r: 3,
                                magnet: true,
                                stroke: '#31d0c6',
                                strokeWidth: 2,
                                fill: '#fff',
                                style: {
                                    visibility: 'hidden',
                                },
                            },
                        },
                        position: {
                            name: 'absolute',
                        },
                    },
                },
                items: [
                    {
                        id: 'y_1',
                        group: 'top',
                    },
                    {
                        id: 'y_2',
                        group: 'bottom',
                    },
                    {
                        id: 'x_1',
                        group: 'left',
                    },
                    {
                        id: 'x_2',
                        group: 'right',
                    },
                ],
            },
            id: 'b3db45da-883f-4d4d-94de-1d78501f67a0',
            data: {
                title: '指标名称',
                body: '指标描述',
                nodeType: '0',
                render: "(h, param) => h('div', {\n            style: {\n              padding: '16px'\n            }\n          }, [h('span', param.title), h('div', param.body), h('YsInput')])",
            },
            zIndex: 24,
        },
        {
            shape: 'edge',
            attrs: {
                line1: {
                    stroke: {
                        stops: [
                            {
                                offset: '0%',
                                color: '#E77930',
                            },
                            {
                                offset: '50%',
                                color: '#73d13d',
                            },
                            {
                                offset: '100%',
                                color: '#00CEFF',
                            },
                        ],
                    },
                },
            },
            connector: {
                name: 'jumpover',
                args: {
                    type: 'gap',
                    radius: 10,
                },
            },
            tools: {
                items: [],
            },
            id: '64f66045-218f-49c7-a1c0-b811cd9aef92',
            zIndex: 25,
            source: {
                cell: '394a22a2-0ff1-46c3-9bdf-5a1f0bdc26b3',
                port: 'x_2',
            },
            target: {
                cell: 'b3db45da-883f-4d4d-94de-1d78501f67a0',
                port: 'x_1',
            },
            vertices: [
                {
                    x: 610,
                    y: 343,
                },
                {
                    x: 610,
                    y: 443,
                },
            ],
        },
        {
            position: {
                x: 660,
                y: 775,
            },
            size: {
                width: 180,
                height: 136,
            },
            view: 'vue-shape-view',
            shape: 'card',
            component: {
                template: '<card />',
                components: {
                    card: {
                        inject: {
                            getGraph: {
                                from: 'getGraph',
                            },
                            getNode: {
                                from: 'getNode',
                            },
                        },
                        components: {
                            RenderContent: {
                                name: 'TitleRender',
                                functional: true,
                                props: {
                                    render: {},
                                    data: {},
                                },
                                _Ctor: {},
                            },
                        },
                        methods: {},
                        staticRenderFns: [],
                        _compiled: true,
                        beforeCreate: [null],
                        beforeDestroy: [null],
                        __file: 'src/views/components/XsCard.vue',
                        _Ctor: {},
                    },
                },
            },
            ports: {
                groups: {
                    top: {
                        position: 'top',
                        attrs: {
                            circle: {
                                r: 3,
                                magnet: true,
                                stroke: '#31d0c6',
                                strokeWidth: 2,
                                fill: '#fff',
                                style: {
                                    visibility: 'hidden',
                                },
                            },
                        },
                    },
                    left: {
                        position: 'left',
                        attrs: {
                            circle: {
                                r: 3,
                                magnet: true,
                                stroke: '#31d0c6',
                                strokeWidth: 2,
                                fill: '#fff',
                                style: {
                                    visibility: 'hidden',
                                },
                            },
                        },
                    },
                    bottom: {
                        position: 'bottom',
                        attrs: {
                            circle: {
                                r: 3,
                                magnet: true,
                                stroke: '#31d0c6',
                                strokeWidth: 2,
                                fill: '#fff',
                                style: {
                                    visibility: 'hidden',
                                },
                            },
                        },
                    },
                    right: {
                        position: 'right',
                        attrs: {
                            circle: {
                                r: 3,
                                magnet: true,
                                stroke: '#31d0c6',
                                strokeWidth: 2,
                                fill: '#fff',
                                style: {
                                    visibility: 'hidden',
                                },
                            },
                        },
                    },
                    abs: {
                        attrs: {
                            circle: {
                                r: 3,
                                magnet: true,
                                stroke: '#31d0c6',
                                strokeWidth: 2,
                                fill: '#fff',
                                style: {
                                    visibility: 'hidden',
                                },
                            },
                        },
                        position: {
                            name: 'absolute',
                        },
                    },
                },
                items: [
                    {
                        id: 'y_1',
                        group: 'top',
                    },
                    {
                        id: 'y_2',
                        group: 'bottom',
                    },
                    {
                        id: 'x_1',
                        group: 'left',
                    },
                    {
                        id: 'x_2',
                        group: 'right',
                    },
                ],
            },
            id: 'bbda250b-c23b-484e-a390-1c8447bffa3e',
            data: {
                title: '指标名称',
                body: '指标描述',
                nodeType: '0',
                render: "(h, param) => h('div', {\n            style: {\n              padding: '16px'\n            }\n          }, [h('span', param.title), h('div', param.body), h('YsInput')])",
            },
            zIndex: 26,
        },
        {
            shape: 'edge',
            attrs: {
                line1: {
                    stroke: {
                        stops: [
                            {
                                offset: '0%',
                                color: '#E77930',
                            },
                            {
                                offset: '50%',
                                color: '#73d13d',
                            },
                            {
                                offset: '100%',
                                color: '#00CEFF',
                            },
                        ],
                    },
                },
            },
            connector: {
                name: 'jumpover',
                args: {
                    type: 'gap',
                    radius: 10,
                },
            },
            tools: {
                items: [],
            },
            id: '1acc4b64-8dfd-4074-821b-0b71d4a2f2b8',
            zIndex: 27,
            source: {
                cell: 'ba9ce79b-d430-4f9d-b17f-31b48a0ba4ac',
                port: 'x_2',
            },
            target: {
                cell: 'bbda250b-c23b-484e-a390-1c8447bffa3e',
                port: 'x_1',
            },
            vertices: [],
        },
        {
            position: {
                x: 940,
                y: 875,
            },
            size: {
                width: 180,
                height: 136,
            },
            view: 'vue-shape-view',
            shape: 'card',
            component: {
                template: '<card />',
                components: {
                    card: {
                        inject: {
                            getGraph: {
                                from: 'getGraph',
                            },
                            getNode: {
                                from: 'getNode',
                            },
                        },
                        components: {
                            RenderContent: {
                                name: 'TitleRender',
                                functional: true,
                                props: {
                                    render: {},
                                    data: {},
                                },
                                _Ctor: {},
                            },
                        },
                        methods: {},
                        staticRenderFns: [],
                        _compiled: true,
                        beforeCreate: [null],
                        beforeDestroy: [null],
                        __file: 'src/views/components/XsCard.vue',
                        _Ctor: {},
                    },
                },
            },
            ports: {
                groups: {
                    top: {
                        position: 'top',
                        attrs: {
                            circle: {
                                r: 3,
                                magnet: true,
                                stroke: '#31d0c6',
                                strokeWidth: 2,
                                fill: '#fff',
                                style: {
                                    visibility: 'hidden',
                                },
                            },
                        },
                    },
                    left: {
                        position: 'left',
                        attrs: {
                            circle: {
                                r: 3,
                                magnet: true,
                                stroke: '#31d0c6',
                                strokeWidth: 2,
                                fill: '#fff',
                                style: {
                                    visibility: 'hidden',
                                },
                            },
                        },
                    },
                    bottom: {
                        position: 'bottom',
                        attrs: {
                            circle: {
                                r: 3,
                                magnet: true,
                                stroke: '#31d0c6',
                                strokeWidth: 2,
                                fill: '#fff',
                                style: {
                                    visibility: 'hidden',
                                },
                            },
                        },
                    },
                    right: {
                        position: 'right',
                        attrs: {
                            circle: {
                                r: 3,
                                magnet: true,
                                stroke: '#31d0c6',
                                strokeWidth: 2,
                                fill: '#fff',
                                style: {
                                    visibility: 'hidden',
                                },
                            },
                        },
                    },
                    abs: {
                        attrs: {
                            circle: {
                                r: 3,
                                magnet: true,
                                stroke: '#31d0c6',
                                strokeWidth: 2,
                                fill: '#fff',
                                style: {
                                    visibility: 'hidden',
                                },
                            },
                        },
                        position: {
                            name: 'absolute',
                        },
                    },
                },
                items: [
                    {
                        id: 'y_1',
                        group: 'top',
                    },
                    {
                        id: 'y_2',
                        group: 'bottom',
                    },
                    {
                        id: 'x_1',
                        group: 'left',
                    },
                    {
                        id: 'x_2',
                        group: 'right',
                    },
                ],
            },
            id: 'ac187367-0442-404f-8fe0-64dc7e9c4905',
            data: {
                title: '指标名称',
                body: '指标描述',
                nodeType: '0',
                render: "(h, param) => h('div', {\n            style: {\n              padding: '16px'\n            }\n          }, [h('span', param.title), h('div', param.body), h('YsInput')])",
            },
            zIndex: 28,
        },
        {
            shape: 'edge',
            attrs: {
                line1: {
                    stroke: {
                        stops: [
                            {
                                offset: '0%',
                                color: '#E77930',
                            },
                            {
                                offset: '50%',
                                color: '#73d13d',
                            },
                            {
                                offset: '100%',
                                color: '#00CEFF',
                            },
                        ],
                    },
                },
            },
            connector: {
                name: 'jumpover',
                args: {
                    type: 'gap',
                    radius: 10,
                },
            },
            tools: {
                items: [],
                name: null,
            },
            id: '41c6936c-175e-4c8c-8b21-8c6e8ee6831b',
            zIndex: 29,
            source: {
                cell: '97bbd7f4-de36-47e4-b09d-376f7ea2d83f',
                port: 'x_2',
            },
            target: {
                cell: 'ac187367-0442-404f-8fe0-64dc7e9c4905',
                port: 'x_1',
            },
            vertices: [
                {
                    x: 890,
                    y: 643,
                },
                {
                    x: 890,
                    y: 943,
                },
            ],
        },
        {
            position: {
                x: 660,
                y: 975,
            },
            size: {
                width: 180,
                height: 136,
            },
            view: 'vue-shape-view',
            shape: 'card',
            component: {
                template: '<card />',
                components: {
                    card: {
                        inject: {
                            getGraph: {
                                from: 'getGraph',
                            },
                            getNode: {
                                from: 'getNode',
                            },
                        },
                        components: {
                            RenderContent: {
                                name: 'TitleRender',
                                functional: true,
                                props: {
                                    render: {},
                                    data: {},
                                },
                                _Ctor: {},
                            },
                        },
                        methods: {},
                        staticRenderFns: [],
                        _compiled: true,
                        beforeCreate: [null],
                        beforeDestroy: [null],
                        __file: 'src/views/components/XsCard.vue',
                        _Ctor: {},
                    },
                },
            },
            ports: {
                groups: {
                    top: {
                        position: 'top',
                        attrs: {
                            circle: {
                                r: 3,
                                magnet: true,
                                stroke: '#31d0c6',
                                strokeWidth: 2,
                                fill: '#fff',
                                style: {
                                    visibility: 'hidden',
                                },
                            },
                        },
                    },
                    left: {
                        position: 'left',
                        attrs: {
                            circle: {
                                r: 3,
                                magnet: true,
                                stroke: '#31d0c6',
                                strokeWidth: 2,
                                fill: '#fff',
                                style: {
                                    visibility: 'hidden',
                                },
                            },
                        },
                    },
                    bottom: {
                        position: 'bottom',
                        attrs: {
                            circle: {
                                r: 3,
                                magnet: true,
                                stroke: '#31d0c6',
                                strokeWidth: 2,
                                fill: '#fff',
                                style: {
                                    visibility: 'hidden',
                                },
                            },
                        },
                    },
                    right: {
                        position: 'right',
                        attrs: {
                            circle: {
                                r: 3,
                                magnet: true,
                                stroke: '#31d0c6',
                                strokeWidth: 2,
                                fill: '#fff',
                                style: {
                                    visibility: 'hidden',
                                },
                            },
                        },
                    },
                    abs: {
                        attrs: {
                            circle: {
                                r: 3,
                                magnet: true,
                                stroke: '#31d0c6',
                                strokeWidth: 2,
                                fill: '#fff',
                                style: {
                                    visibility: 'hidden',
                                },
                            },
                        },
                        position: {
                            name: 'absolute',
                        },
                    },
                },
                items: [
                    {
                        id: 'y_1',
                        group: 'top',
                    },
                    {
                        id: 'y_2',
                        group: 'bottom',
                    },
                    {
                        id: 'x_1',
                        group: 'left',
                    },
                    {
                        id: 'x_2',
                        group: 'right',
                    },
                ],
            },
            id: '7f5f36ce-5b70-4255-b030-9564bf0da5b0',
            data: {
                title: '指标名称',
                body: '指标描述',
                nodeType: '0',
                render: "(h, param) => h('div', {\n            style: {\n              padding: '16px'\n            }\n          }, [h('span', param.title), h('div', param.body), h('YsInput')])",
            },
            zIndex: 30,
        },
        {
            shape: 'edge',
            attrs: {
                line1: {
                    stroke: {
                        stops: [
                            {
                                offset: '0%',
                                color: '#E77930',
                            },
                            {
                                offset: '50%',
                                color: '#73d13d',
                            },
                            {
                                offset: '100%',
                                color: '#00CEFF',
                            },
                        ],
                    },
                },
            },
            connector: {
                name: 'jumpover',
                args: {
                    type: 'gap',
                    radius: 10,
                },
            },
            tools: {
                items: [],
            },
            id: '25d89f50-bf7c-4460-b3cd-daa51ef0cc49',
            zIndex: 31,
            source: {
                cell: 'ba9ce79b-d430-4f9d-b17f-31b48a0ba4ac',
                port: 'x_2',
            },
            target: {
                cell: '7f5f36ce-5b70-4255-b030-9564bf0da5b0',
                port: 'x_1',
            },
            vertices: [
                {
                    x: 610,
                    y: 843,
                },
                {
                    x: 610,
                    y: 1043,
                },
            ],
        },
        {
            position: {
                x: 380,
                y: 1375,
            },
            size: {
                width: 180,
                height: 136,
            },
            view: 'vue-shape-view',
            shape: 'card',
            component: {
                template: '<card />',
                components: {
                    card: {
                        inject: {
                            getGraph: {
                                from: 'getGraph',
                            },
                            getNode: {
                                from: 'getNode',
                            },
                        },
                        components: {
                            RenderContent: {
                                name: 'TitleRender',
                                functional: true,
                                props: {
                                    render: {},
                                    data: {},
                                },
                                _Ctor: {},
                            },
                        },
                        methods: {},
                        staticRenderFns: [],
                        _compiled: true,
                        beforeCreate: [null],
                        beforeDestroy: [null],
                        __file: 'src/views/components/XsCard.vue',
                        _Ctor: {},
                    },
                },
            },
            ports: {
                groups: {
                    top: {
                        position: 'top',
                        attrs: {
                            circle: {
                                r: 3,
                                magnet: true,
                                stroke: '#31d0c6',
                                strokeWidth: 2,
                                fill: '#fff',
                                style: {
                                    visibility: 'hidden',
                                },
                            },
                        },
                    },
                    left: {
                        position: 'left',
                        attrs: {
                            circle: {
                                r: 3,
                                magnet: true,
                                stroke: '#31d0c6',
                                strokeWidth: 2,
                                fill: '#fff',
                                style: {
                                    visibility: 'hidden',
                                },
                            },
                        },
                    },
                    bottom: {
                        position: 'bottom',
                        attrs: {
                            circle: {
                                r: 3,
                                magnet: true,
                                stroke: '#31d0c6',
                                strokeWidth: 2,
                                fill: '#fff',
                                style: {
                                    visibility: 'hidden',
                                },
                            },
                        },
                    },
                    right: {
                        position: 'right',
                        attrs: {
                            circle: {
                                r: 3,
                                magnet: true,
                                stroke: '#31d0c6',
                                strokeWidth: 2,
                                fill: '#fff',
                                style: {
                                    visibility: 'hidden',
                                },
                            },
                        },
                    },
                    abs: {
                        attrs: {
                            circle: {
                                r: 3,
                                magnet: true,
                                stroke: '#31d0c6',
                                strokeWidth: 2,
                                fill: '#fff',
                                style: {
                                    visibility: 'hidden',
                                },
                            },
                        },
                        position: {
                            name: 'absolute',
                        },
                    },
                },
                items: [
                    {
                        id: 'y_1',
                        group: 'top',
                    },
                    {
                        id: 'y_2',
                        group: 'bottom',
                    },
                    {
                        id: 'x_1',
                        group: 'left',
                    },
                    {
                        id: 'x_2',
                        group: 'right',
                    },
                ],
            },
            id: '1d01e478-7152-4252-8708-63a59a66cbfd',
            data: {
                title: '指标名称',
                body: '指标描述',
                nodeType: '0',
                render: "(h, param) => h('div', {\n            style: {\n              padding: '16px'\n            }\n          }, [h('span', param.title), h('div', param.body), h('YsInput')])",
            },
            zIndex: 32,
        },
        {
            shape: 'edge',
            attrs: {
                line1: {
                    stroke: {
                        stops: [
                            {
                                offset: '0%',
                                color: '#E77930',
                            },
                            {
                                offset: '50%',
                                color: '#73d13d',
                            },
                            {
                                offset: '100%',
                                color: '#00CEFF',
                            },
                        ],
                    },
                },
            },
            connector: {
                name: 'jumpover',
                args: {
                    type: 'gap',
                    radius: 10,
                },
            },
            tools: {
                items: [],
            },
            id: '80cf530a-e1fc-4f01-adb4-e395a1874392',
            zIndex: 33,
            source: {
                cell: '3811a2c3-bf33-41ae-9bc4-48b9014d3248',
                port: 'x_2',
            },
            target: {
                cell: '1d01e478-7152-4252-8708-63a59a66cbfd',
                port: 'x_1',
            },
            vertices: [
                {
                    x: 330,
                    y: 1043,
                },
                {
                    x: 330,
                    y: 1443,
                },
            ],
        },
    ],
    [
        {
            position: {
                x: -650,
                y: -350,
            },
            size: {
                width: 180,
                height: 290,
            },
            view: 'vue-shape-view',
            shape: 'card',
            component: {
                template: '<card />',
                components: {
                    card: {
                        inject: {
                            getGraph: {
                                from: 'getGraph',
                            },
                            getNode: {
                                from: 'getNode',
                            },
                        },
                        components: {
                            RenderContent: {
                                name: 'TitleRender',
                                functional: true,
                                props: {
                                    render: {},
                                    data: {},
                                },
                                _Ctor: {},
                            },
                        },
                        methods: {},
                        staticRenderFns: [],
                        _compiled: true,
                        beforeCreate: [null],
                        beforeDestroy: [null],
                        __file: 'src/views/components/XsCard.vue',
                        _Ctor: {},
                    },
                },
            },
            ports: {
                groups: {
                    top: {
                        position: 'top',
                        attrs: {
                            circle: {
                                r: 3,
                                magnet: true,
                                stroke: '#31d0c6',
                                strokeWidth: 2,
                                fill: '#fff',
                                style: {
                                    visibility: 'hidden',
                                },
                            },
                        },
                    },
                    left: {
                        position: 'left',
                        attrs: {
                            circle: {
                                r: 3,
                                magnet: true,
                                stroke: '#31d0c6',
                                strokeWidth: 2,
                                fill: '#fff',
                                style: {
                                    visibility: 'hidden',
                                },
                            },
                        },
                    },
                    bottom: {
                        position: 'bottom',
                        attrs: {
                            circle: {
                                r: 3,
                                magnet: true,
                                stroke: '#31d0c6',
                                strokeWidth: 2,
                                fill: '#fff',
                                style: {
                                    visibility: 'hidden',
                                },
                            },
                        },
                    },
                    right: {
                        position: 'right',
                        attrs: {
                            circle: {
                                r: 3,
                                magnet: true,
                                stroke: '#31d0c6',
                                strokeWidth: 2,
                                fill: '#fff',
                                style: {
                                    visibility: 'hidden',
                                },
                            },
                        },
                    },
                    abs: {
                        attrs: {
                            circle: {
                                r: 3,
                                magnet: true,
                                stroke: '#31d0c6',
                                strokeWidth: 2,
                                fill: '#fff',
                                style: {
                                    visibility: 'hidden',
                                },
                            },
                        },
                        position: {
                            name: 'absolute',
                        },
                    },
                },
                items: [
                    {
                        id: 'abs_1',
                        group: 'abs',
                        args: {
                            x: '0',
                            y: '46',
                        },
                    },
                    {
                        id: 'abs_2',
                        group: 'abs',
                        args: {
                            x: '100%',
                            y: '46',
                        },
                    },
                    {
                        id: 'abs_3',
                        group: 'abs',
                        args: {
                            x: '0',
                            y: '100',
                        },
                    },
                    {
                        id: 'abs_4',
                        group: 'abs',
                        args: {
                            x: '100%',
                            y: '100',
                        },
                    },
                    {
                        id: 'abs_5',
                        group: 'abs',
                        args: {
                            x: '0',
                            y: '148',
                        },
                    },
                    {
                        id: 'abs_6',
                        group: 'abs',
                        args: {
                            x: '100%',
                            y: '148',
                        },
                    },
                    {
                        id: 'abs_7',
                        group: 'abs',
                        args: {
                            x: '0',
                            y: '196',
                        },
                    },
                    {
                        id: 'abs_8',
                        group: 'abs',
                        args: {
                            x: '100%',
                            y: '196',
                        },
                    },
                    {
                        id: 'abs_9',
                        group: 'abs',
                        args: {
                            x: '0',
                            y: '244',
                        },
                    },
                    {
                        id: 'abs_10',
                        group: 'abs',
                        args: {
                            x: '100%',
                            y: '244',
                        },
                    },
                ],
            },
            id: '0dea89e3-19cc-43bf-b933-55b2722a6345',
            data: {
                title: '自定义表头',
                body: '自定义参数行',
                nodeType: '0',
                render: (h, param) =>
                    h(
                        'div',
                        {
                            style: {
                                padding: '16px',
                            },
                        },
                        [
                            h('div', { style: { height: '60px', lineHeight: '60px' } }, param.title),
                            h('div', { style: { height: '48px', lineHeight: '48px' } }, param.body),
                            h('div', { style: { height: '48px', lineHeight: '48px' } }, param.body),
                            h('div', { style: { height: '48px', lineHeight: '48px' } }, param.body),
                            h('div', { style: { height: '48px', lineHeight: '48px' } }, param.body),
                        ]
                    ),
            },
            zIndex: 1,
            children: ['c8ca446e-ed86-424f-bbaf-2ef4151f0bf7', 'a58b1228-7917-4399-8712-ef565adca384'],
        },
        {
            position: {
                x: -380,
                y: -350,
            },
            size: {
                width: 180,
                height: 290,
            },
            view: 'vue-shape-view',
            shape: 'card',
            component: {
                template: '<card />',
                components: {
                    card: {
                        inject: {
                            getGraph: {
                                from: 'getGraph',
                            },
                            getNode: {
                                from: 'getNode',
                            },
                        },
                        components: {
                            RenderContent: {
                                name: 'TitleRender',
                                functional: true,
                                props: {
                                    render: {},
                                    data: {},
                                },
                                _Ctor: {},
                            },
                        },
                        methods: {},
                        staticRenderFns: [],
                        _compiled: true,
                        beforeCreate: [null],
                        beforeDestroy: [null],
                        __file: 'src/views/components/XsCard.vue',
                        _Ctor: {},
                    },
                },
            },
            ports: {
                groups: {
                    top: {
                        position: 'top',
                        attrs: {
                            circle: {
                                r: 3,
                                magnet: true,
                                stroke: '#31d0c6',
                                strokeWidth: 2,
                                fill: '#fff',
                                style: {
                                    visibility: 'hidden',
                                },
                            },
                        },
                    },
                    left: {
                        position: 'left',
                        attrs: {
                            circle: {
                                r: 3,
                                magnet: true,
                                stroke: '#31d0c6',
                                strokeWidth: 2,
                                fill: '#fff',
                                style: {
                                    visibility: 'hidden',
                                },
                            },
                        },
                    },
                    bottom: {
                        position: 'bottom',
                        attrs: {
                            circle: {
                                r: 3,
                                magnet: true,
                                stroke: '#31d0c6',
                                strokeWidth: 2,
                                fill: '#fff',
                                style: {
                                    visibility: 'hidden',
                                },
                            },
                        },
                    },
                    right: {
                        position: 'right',
                        attrs: {
                            circle: {
                                r: 3,
                                magnet: true,
                                stroke: '#31d0c6',
                                strokeWidth: 2,
                                fill: '#fff',
                                style: {
                                    visibility: 'hidden',
                                },
                            },
                        },
                    },
                    abs: {
                        attrs: {
                            circle: {
                                r: 3,
                                magnet: true,
                                stroke: '#31d0c6',
                                strokeWidth: 2,
                                fill: '#fff',
                                style: {
                                    visibility: 'hidden',
                                },
                            },
                        },
                        position: {
                            name: 'absolute',
                        },
                    },
                },
                items: [
                    {
                        id: 'abs_1',
                        group: 'abs',
                        args: {
                            x: '0',
                            y: '46',
                        },
                    },
                    {
                        id: 'abs_2',
                        group: 'abs',
                        args: {
                            x: '100%',
                            y: '46',
                        },
                    },
                    {
                        id: 'abs_3',
                        group: 'abs',
                        args: {
                            x: '0',
                            y: '100',
                        },
                    },
                    {
                        id: 'abs_4',
                        group: 'abs',
                        args: {
                            x: '100%',
                            y: '100',
                        },
                    },
                    {
                        id: 'abs_5',
                        group: 'abs',
                        args: {
                            x: '0',
                            y: '148',
                        },
                    },
                    {
                        id: 'abs_6',
                        group: 'abs',
                        args: {
                            x: '100%',
                            y: '148',
                        },
                    },
                    {
                        id: 'abs_7',
                        group: 'abs',
                        args: {
                            x: '0',
                            y: '196',
                        },
                    },
                    {
                        id: 'abs_8',
                        group: 'abs',
                        args: {
                            x: '100%',
                            y: '196',
                        },
                    },
                    {
                        id: 'abs_9',
                        group: 'abs',
                        args: {
                            x: '0',
                            y: '244',
                        },
                    },
                    {
                        id: 'abs_10',
                        group: 'abs',
                        args: {
                            x: '100%',
                            y: '244',
                        },
                    },
                ],
            },
            id: 'c8ca446e-ed86-424f-bbaf-2ef4151f0bf7',
            data: {
                title: '自定义表头',
                body: '自定义参数行',
                nodeType: '0',
                render: (h, param) =>
                    h(
                        'div',
                        {
                            style: {
                                padding: '16px',
                            },
                        },
                        [
                            h('div', { style: { height: '60px', lineHeight: '60px' } }, param.title),
                            h('div', { style: { height: '48px', lineHeight: '48px' } }, param.body),
                            h('div', { style: { height: '48px', lineHeight: '48px' } }, param.body),
                            h('div', { style: { height: '48px', lineHeight: '48px' } }, param.body),
                            h('div', { style: { height: '48px', lineHeight: '48px' } }, param.body),
                        ]
                    ),
            },
            zIndex: 2,
            children: ['f33472e9-8c50-408c-83e3-73401f3c265a', 'f33472e9-8c50-408c-83e3-73401f3c265a'],
        },
        {
            position: {
                x: -75,
                y: -350,
            },
            size: {
                width: 180,
                height: 290,
            },
            view: 'vue-shape-view',
            shape: 'card',
            component: {
                template: '<card />',
                components: {
                    card: {
                        inject: {
                            getGraph: {
                                from: 'getGraph',
                            },
                            getNode: {
                                from: 'getNode',
                            },
                        },
                        components: {
                            RenderContent: {
                                name: 'TitleRender',
                                functional: true,
                                props: {
                                    render: {},
                                    data: {},
                                },
                                _Ctor: {},
                            },
                        },
                        methods: {},
                        staticRenderFns: [],
                        _compiled: true,
                        beforeCreate: [null],
                        beforeDestroy: [null],
                        __file: 'src/views/components/XsCard.vue',
                        _Ctor: {},
                    },
                },
            },
            ports: {
                groups: {
                    top: {
                        position: 'top',
                        attrs: {
                            circle: {
                                r: 3,
                                magnet: true,
                                stroke: '#31d0c6',
                                strokeWidth: 2,
                                fill: '#fff',
                                style: {
                                    visibility: 'hidden',
                                },
                            },
                        },
                    },
                    left: {
                        position: 'left',
                        attrs: {
                            circle: {
                                r: 3,
                                magnet: true,
                                stroke: '#31d0c6',
                                strokeWidth: 2,
                                fill: '#fff',
                                style: {
                                    visibility: 'hidden',
                                },
                            },
                        },
                    },
                    bottom: {
                        position: 'bottom',
                        attrs: {
                            circle: {
                                r: 3,
                                magnet: true,
                                stroke: '#31d0c6',
                                strokeWidth: 2,
                                fill: '#fff',
                                style: {
                                    visibility: 'hidden',
                                },
                            },
                        },
                    },
                    right: {
                        position: 'right',
                        attrs: {
                            circle: {
                                r: 3,
                                magnet: true,
                                stroke: '#31d0c6',
                                strokeWidth: 2,
                                fill: '#fff',
                                style: {
                                    visibility: 'hidden',
                                },
                            },
                        },
                    },
                    abs: {
                        attrs: {
                            circle: {
                                r: 3,
                                magnet: true,
                                stroke: '#31d0c6',
                                strokeWidth: 2,
                                fill: '#fff',
                                style: {
                                    visibility: 'hidden',
                                },
                            },
                        },
                        position: {
                            name: 'absolute',
                        },
                    },
                },
                items: [
                    {
                        id: 'abs_1',
                        group: 'abs',
                        args: {
                            x: '0',
                            y: '46',
                        },
                    },
                    {
                        id: 'abs_2',
                        group: 'abs',
                        args: {
                            x: '100%',
                            y: '46',
                        },
                    },
                    {
                        id: 'abs_3',
                        group: 'abs',
                        args: {
                            x: '0',
                            y: '100',
                        },
                    },
                    {
                        id: 'abs_4',
                        group: 'abs',
                        args: {
                            x: '100%',
                            y: '100',
                        },
                    },
                    {
                        id: 'abs_5',
                        group: 'abs',
                        args: {
                            x: '0',
                            y: '148',
                        },
                    },
                    {
                        id: 'abs_6',
                        group: 'abs',
                        args: {
                            x: '100%',
                            y: '148',
                        },
                    },
                    {
                        id: 'abs_7',
                        group: 'abs',
                        args: {
                            x: '0',
                            y: '196',
                        },
                    },
                    {
                        id: 'abs_8',
                        group: 'abs',
                        args: {
                            x: '100%',
                            y: '196',
                        },
                    },
                    {
                        id: 'abs_9',
                        group: 'abs',
                        args: {
                            x: '0',
                            y: '244',
                        },
                    },
                    {
                        id: 'abs_10',
                        group: 'abs',
                        args: {
                            x: '100%',
                            y: '244',
                        },
                    },
                ],
            },
            id: 'f33472e9-8c50-408c-83e3-73401f3c265a',
            data: {
                title: '自定义表头',
                body: '自定义参数行',
                nodeType: '0',
                render: (h, param) =>
                    h(
                        'div',
                        {
                            style: {
                                padding: '16px',
                            },
                        },
                        [
                            h('div', { style: { height: '60px', lineHeight: '60px' } }, param.title),
                            h('div', { style: { height: '48px', lineHeight: '48px' } }, param.body),
                            h('div', { style: { height: '48px', lineHeight: '48px' } }, param.body),
                            h('div', { style: { height: '48px', lineHeight: '48px' } }, param.body),
                            h('div', { style: { height: '48px', lineHeight: '48px' } }, param.body),
                        ]
                    ),
            },
            zIndex: 3,
            children: ['5ac836db-94b8-4117-85a7-37f534bdcfcc'],
        },
        {
            position: {
                x: 214,
                y: -350,
            },
            size: {
                width: 180,
                height: 290,
            },
            view: 'vue-shape-view',
            shape: 'card',
            component: {
                template: '<card />',
                components: {
                    card: {
                        inject: {
                            getGraph: {
                                from: 'getGraph',
                            },
                            getNode: {
                                from: 'getNode',
                            },
                        },
                        components: {
                            RenderContent: {
                                name: 'TitleRender',
                                functional: true,
                                props: {
                                    render: {},
                                    data: {},
                                },
                                _Ctor: {},
                            },
                        },
                        methods: {},
                        staticRenderFns: [],
                        _compiled: true,
                        beforeCreate: [null],
                        beforeDestroy: [null],
                        __file: 'src/views/components/XsCard.vue',
                        _Ctor: {},
                    },
                },
            },
            ports: {
                groups: {
                    top: {
                        position: 'top',
                        attrs: {
                            circle: {
                                r: 3,
                                magnet: true,
                                stroke: '#31d0c6',
                                strokeWidth: 2,
                                fill: '#fff',
                                style: {
                                    visibility: 'hidden',
                                },
                            },
                        },
                    },
                    left: {
                        position: 'left',
                        attrs: {
                            circle: {
                                r: 3,
                                magnet: true,
                                stroke: '#31d0c6',
                                strokeWidth: 2,
                                fill: '#fff',
                                style: {
                                    visibility: 'hidden',
                                },
                            },
                        },
                    },
                    bottom: {
                        position: 'bottom',
                        attrs: {
                            circle: {
                                r: 3,
                                magnet: true,
                                stroke: '#31d0c6',
                                strokeWidth: 2,
                                fill: '#fff',
                                style: {
                                    visibility: 'hidden',
                                },
                            },
                        },
                    },
                    right: {
                        position: 'right',
                        attrs: {
                            circle: {
                                r: 3,
                                magnet: true,
                                stroke: '#31d0c6',
                                strokeWidth: 2,
                                fill: '#fff',
                                style: {
                                    visibility: 'hidden',
                                },
                            },
                        },
                    },
                    abs: {
                        attrs: {
                            circle: {
                                r: 3,
                                magnet: true,
                                stroke: '#31d0c6',
                                strokeWidth: 2,
                                fill: '#fff',
                                style: {
                                    visibility: 'hidden',
                                },
                            },
                        },
                        position: {
                            name: 'absolute',
                        },
                    },
                },
                items: [
                    {
                        id: 'abs_1',
                        group: 'abs',
                        args: {
                            x: '0',
                            y: '46',
                        },
                    },
                    {
                        id: 'abs_2',
                        group: 'abs',
                        args: {
                            x: '100%',
                            y: '46',
                        },
                    },
                    {
                        id: 'abs_3',
                        group: 'abs',
                        args: {
                            x: '0',
                            y: '100',
                        },
                    },
                    {
                        id: 'abs_4',
                        group: 'abs',
                        args: {
                            x: '100%',
                            y: '100',
                        },
                    },
                    {
                        id: 'abs_5',
                        group: 'abs',
                        args: {
                            x: '0',
                            y: '148',
                        },
                    },
                    {
                        id: 'abs_6',
                        group: 'abs',
                        args: {
                            x: '100%',
                            y: '148',
                        },
                    },
                    {
                        id: 'abs_7',
                        group: 'abs',
                        args: {
                            x: '0',
                            y: '196',
                        },
                    },
                    {
                        id: 'abs_8',
                        group: 'abs',
                        args: {
                            x: '100%',
                            y: '196',
                        },
                    },
                    {
                        id: 'abs_9',
                        group: 'abs',
                        args: {
                            x: '0',
                            y: '244',
                        },
                    },
                    {
                        id: 'abs_10',
                        group: 'abs',
                        args: {
                            x: '100%',
                            y: '244',
                        },
                    },
                ],
            },
            id: '5ac836db-94b8-4117-85a7-37f534bdcfcc',
            data: {
                title: '自定义表头',
                body: '自定义参数行',
                nodeType: '0',
                render: (h, param) =>
                    h(
                        'div',
                        {
                            style: {
                                padding: '16px',
                            },
                        },
                        [
                            h('div', { style: { height: '60px', lineHeight: '60px' } }, param.title),
                            h('div', { style: { height: '48px', lineHeight: '48px' } }, param.body),
                            h('div', { style: { height: '48px', lineHeight: '48px' } }, param.body),
                            h('div', { style: { height: '48px', lineHeight: '48px' } }, param.body),
                            h('div', { style: { height: '48px', lineHeight: '48px' } }, param.body),
                        ]
                    ),
            },
            zIndex: 4,
        },
        {
            position: {
                x: -380,
                y: 9,
            },
            size: {
                width: 180,
                height: 290,
            },
            view: 'vue-shape-view',
            shape: 'card',
            component: {
                template: '<card />',
                components: {
                    card: {
                        inject: {
                            getGraph: {
                                from: 'getGraph',
                            },
                            getNode: {
                                from: 'getNode',
                            },
                        },
                        components: {
                            RenderContent: {
                                name: 'TitleRender',
                                functional: true,
                                props: {
                                    render: {},
                                    data: {},
                                },
                                _Ctor: {},
                            },
                        },
                        methods: {},
                        staticRenderFns: [],
                        _compiled: true,
                        beforeCreate: [null],
                        beforeDestroy: [null],
                        __file: 'src/views/components/XsCard.vue',
                        _Ctor: {},
                    },
                },
            },
            ports: {
                groups: {
                    top: {
                        position: 'top',
                        attrs: {
                            circle: {
                                r: 3,
                                magnet: true,
                                stroke: '#31d0c6',
                                strokeWidth: 2,
                                fill: '#fff',
                                style: {
                                    visibility: 'hidden',
                                },
                            },
                        },
                    },
                    left: {
                        position: 'left',
                        attrs: {
                            circle: {
                                r: 3,
                                magnet: true,
                                stroke: '#31d0c6',
                                strokeWidth: 2,
                                fill: '#fff',
                                style: {
                                    visibility: 'hidden',
                                },
                            },
                        },
                    },
                    bottom: {
                        position: 'bottom',
                        attrs: {
                            circle: {
                                r: 3,
                                magnet: true,
                                stroke: '#31d0c6',
                                strokeWidth: 2,
                                fill: '#fff',
                                style: {
                                    visibility: 'hidden',
                                },
                            },
                        },
                    },
                    right: {
                        position: 'right',
                        attrs: {
                            circle: {
                                r: 3,
                                magnet: true,
                                stroke: '#31d0c6',
                                strokeWidth: 2,
                                fill: '#fff',
                                style: {
                                    visibility: 'hidden',
                                },
                            },
                        },
                    },
                    abs: {
                        attrs: {
                            circle: {
                                r: 3,
                                magnet: true,
                                stroke: '#31d0c6',
                                strokeWidth: 2,
                                fill: '#fff',
                                style: {
                                    visibility: 'hidden',
                                },
                            },
                        },
                        position: {
                            name: 'absolute',
                        },
                    },
                },
                items: [
                    {
                        id: 'abs_1',
                        group: 'abs',
                        args: {
                            x: '0',
                            y: '46',
                        },
                    },
                    {
                        id: 'abs_2',
                        group: 'abs',
                        args: {
                            x: '100%',
                            y: '46',
                        },
                    },
                    {
                        id: 'abs_3',
                        group: 'abs',
                        args: {
                            x: '0',
                            y: '100',
                        },
                    },
                    {
                        id: 'abs_4',
                        group: 'abs',
                        args: {
                            x: '100%',
                            y: '100',
                        },
                    },
                    {
                        id: 'abs_5',
                        group: 'abs',
                        args: {
                            x: '0',
                            y: '148',
                        },
                    },
                    {
                        id: 'abs_6',
                        group: 'abs',
                        args: {
                            x: '100%',
                            y: '148',
                        },
                    },
                    {
                        id: 'abs_7',
                        group: 'abs',
                        args: {
                            x: '0',
                            y: '196',
                        },
                    },
                    {
                        id: 'abs_8',
                        group: 'abs',
                        args: {
                            x: '100%',
                            y: '196',
                        },
                    },
                    {
                        id: 'abs_9',
                        group: 'abs',
                        args: {
                            x: '0',
                            y: '244',
                        },
                    },
                    {
                        id: 'abs_10',
                        group: 'abs',
                        args: {
                            x: '100%',
                            y: '244',
                        },
                    },
                ],
            },
            id: 'a58b1228-7917-4399-8712-ef565adca384',
            data: {
                title: '自定义表头',
                body: '自定义参数行',
                nodeType: '0',
                render: (h, param) =>
                    h(
                        'div',
                        {
                            style: {
                                padding: '16px',
                            },
                        },
                        [
                            h('div', { style: { height: '60px', lineHeight: '60px' } }, param.title),
                            h('div', { style: { height: '48px', lineHeight: '48px' } }, param.body),
                            h('div', { style: { height: '48px', lineHeight: '48px' } }, param.body),
                            h('div', { style: { height: '48px', lineHeight: '48px' } }, param.body),
                            h('div', { style: { height: '48px', lineHeight: '48px' } }, param.body),
                        ]
                    ),
            },
            zIndex: 5,
            children: ['5ac836db-94b8-4117-85a7-37f534bdcfcc'],
        },
        {
            shape: 'edge',
            attrs: {
                line1: {
                    stroke: {
                        stops: [
                            {
                                offset: '0%',
                                color: '#E77930',
                            },
                            {
                                offset: '50%',
                                color: '#73d13d',
                            },
                            {
                                offset: '100%',
                                color: '#00CEFF',
                            },
                        ],
                    },
                },
            },
            connector: {
                name: 'jumpover',
                args: {
                    type: 'gap',
                    radius: 10,
                },
            },
            tools: {
                items: [],
            },
            id: '515c11f4-5c63-477d-84f5-5e5179adf370',
            zIndex: 6,
            source: {
                cell: '0dea89e3-19cc-43bf-b933-55b2722a6345',
                port: 'abs_2',
            },
            target: {
                cell: 'c8ca446e-ed86-424f-bbaf-2ef4151f0bf7',
                port: 'abs_1',
            },
        },
        {
            shape: 'edge',
            attrs: {
                line1: {
                    stroke: {
                        stops: [
                            {
                                offset: '0%',
                                color: '#E77930',
                            },
                            {
                                offset: '50%',
                                color: '#73d13d',
                            },
                            {
                                offset: '100%',
                                color: '#00CEFF',
                            },
                        ],
                    },
                },
            },
            connector: {
                name: 'jumpover',
                args: {
                    type: 'gap',
                    radius: 10,
                },
            },
            tools: {
                items: [],
                name: null,
            },
            id: '61b1870e-dd7e-467d-88d9-55f3cf93419d',
            zIndex: 7,
            source: {
                cell: 'c8ca446e-ed86-424f-bbaf-2ef4151f0bf7',
                port: 'abs_6',
            },
            target: {
                cell: 'f33472e9-8c50-408c-83e3-73401f3c265a',
                port: 'abs_7',
            },
            vertices: [
                {
                    x: -120,
                    y: -180,
                },
            ],
        },
        {
            shape: 'edge',
            attrs: {
                line1: {
                    stroke: {
                        stops: [
                            {
                                offset: '0%',
                                color: '#E77930',
                            },
                            {
                                offset: '50%',
                                color: '#73d13d',
                            },
                            {
                                offset: '100%',
                                color: '#00CEFF',
                            },
                        ],
                    },
                },
            },
            connector: {
                name: 'jumpover',
                args: {
                    type: 'gap',
                    radius: 10,
                },
            },
            tools: {
                items: [],
                name: null,
            },
            id: 'f41b692c-7237-4d1c-96bf-a50819b610c5',
            zIndex: 8,
            source: {
                cell: 'c8ca446e-ed86-424f-bbaf-2ef4151f0bf7',
                port: 'abs_8',
            },
            target: {
                cell: 'f33472e9-8c50-408c-83e3-73401f3c265a',
                port: 'abs_3',
            },
            vertices: [
                {
                    x: -160,
                    y: -154,
                },
                {
                    x: -160,
                    y: -230,
                },
            ],
        },
        {
            shape: 'edge',
            attrs: {
                line1: {
                    stroke: {
                        stops: [
                            {
                                offset: '0%',
                                color: '#E77930',
                            },
                            {
                                offset: '50%',
                                color: '#73d13d',
                            },
                            {
                                offset: '100%',
                                color: '#00CEFF',
                            },
                        ],
                    },
                },
            },
            connector: {
                name: 'jumpover',
                args: {
                    type: 'gap',
                    radius: 10,
                },
            },
            tools: {
                items: [],
                name: null,
            },
            id: 'ba46c181-3c91-49c9-b194-956c1b480134',
            zIndex: 9,
            source: {
                cell: 'f33472e9-8c50-408c-83e3-73401f3c265a',
                port: 'abs_6',
            },
            target: {
                cell: '5ac836db-94b8-4117-85a7-37f534bdcfcc',
                port: 'abs_7',
            },
            vertices: [
                {
                    x: 150,
                    y: -202,
                },
                {
                    x: 150,
                    y: -154,
                },
            ],
        },
        {
            shape: 'edge',
            attrs: {
                line1: {
                    stroke: {
                        stops: [
                            {
                                offset: '0%',
                                color: '#E77930',
                            },
                            {
                                offset: '50%',
                                color: '#73d13d',
                            },
                            {
                                offset: '100%',
                                color: '#00CEFF',
                            },
                        ],
                    },
                },
            },
            connector: {
                name: 'jumpover',
                args: {
                    type: 'gap',
                    radius: 10,
                },
            },
            tools: {
                items: [],
                name: null,
            },
            id: '11484c0b-a872-4984-a74c-0aa0e9569d20',
            zIndex: 10,
            source: {
                cell: 'a58b1228-7917-4399-8712-ef565adca384',
                port: 'abs_4',
            },
            target: {
                cell: '5ac836db-94b8-4117-85a7-37f534bdcfcc',
                port: 'abs_9',
            },
            vertices: [
                {
                    x: -120,
                    y: 109,
                },
                {
                    x: 140,
                    y: 0,
                },
            ],
        },
        {
            shape: 'edge',
            attrs: {
                line1: {
                    stroke: {
                        stops: [
                            {
                                offset: '0%',
                                color: '#E77930',
                            },
                            {
                                offset: '50%',
                                color: '#73d13d',
                            },
                            {
                                offset: '100%',
                                color: '#00CEFF',
                            },
                        ],
                    },
                },
            },
            connector: {
                name: 'jumpover',
                args: {
                    type: 'gap',
                    radius: 10,
                },
            },
            tools: {
                items: [],
                name: null,
            },
            id: '3a48909b-80ce-4890-a51e-98a6280cc3de',
            zIndex: 11,
            source: {
                cell: '0dea89e3-19cc-43bf-b933-55b2722a6345',
                port: 'abs_10',
            },
            target: {
                cell: 'a58b1228-7917-4399-8712-ef565adca384',
                port: 'abs_9',
            },
            vertices: [
                {
                    x: -440,
                    y: -106,
                },
                {
                    x: -440,
                    y: 200,
                },
            ],
        },
    ],
    [
        {
            position: {
                x: 350,
                y: 75,
            },
            size: {
                width: 180,
                height: 136,
            },
            view: 'vue-shape-view',
            shape: 'card',
            component: {
                template: '<card />',
                components: {
                    card: {
                        inject: {
                            getGraph: {
                                from: 'getGraph',
                            },
                            getNode: {
                                from: 'getNode',
                            },
                        },
                        components: {
                            RenderContent: {
                                name: 'TitleRender',
                                functional: true,
                                props: {
                                    render: {},
                                    data: {},
                                },
                                _Ctor: {},
                            },
                        },
                        methods: {},
                        staticRenderFns: [],
                        _compiled: true,
                        beforeCreate: [null],
                        beforeDestroy: [null],
                        __file: 'src/views/components/XsCard.vue',
                        _Ctor: {},
                    },
                },
            },
            ports: {
                groups: {
                    top: {
                        position: 'top',
                        attrs: {
                            circle: {
                                r: 3,
                                magnet: true,
                                stroke: '#31d0c6',
                                strokeWidth: 2,
                                fill: '#fff',
                                style: {
                                    visibility: 'hidden',
                                },
                            },
                        },
                    },
                    left: {
                        position: 'left',
                        attrs: {
                            circle: {
                                r: 3,
                                magnet: true,
                                stroke: '#31d0c6',
                                strokeWidth: 2,
                                fill: '#fff',
                                style: {
                                    visibility: 'hidden',
                                },
                            },
                        },
                    },
                    bottom: {
                        position: 'bottom',
                        attrs: {
                            circle: {
                                r: 3,
                                magnet: true,
                                stroke: '#31d0c6',
                                strokeWidth: 2,
                                fill: '#fff',
                                style: {
                                    visibility: 'hidden',
                                },
                            },
                        },
                    },
                    right: {
                        position: 'right',
                        attrs: {
                            circle: {
                                r: 3,
                                magnet: true,
                                stroke: '#31d0c6',
                                strokeWidth: 2,
                                fill: '#fff',
                                style: {
                                    visibility: 'hidden',
                                },
                            },
                        },
                    },
                    abs: {
                        attrs: {
                            circle: {
                                r: 3,
                                magnet: true,
                                stroke: '#31d0c6',
                                strokeWidth: 2,
                                fill: '#fff',
                                style: {
                                    visibility: 'hidden',
                                },
                            },
                        },
                        position: {
                            name: 'absolute',
                        },
                    },
                },
                items: [
                    {
                        id: 'y_1',
                        group: 'top',
                    },
                    {
                        id: 'y_2',
                        group: 'bottom',
                    },
                    {
                        id: 'x_1',
                        group: 'left',
                    },
                    {
                        id: 'x_2',
                        group: 'right',
                    },
                ],
            },
            id: '11f3fd4f-7a32-4b97-9e4e-05a03eeefe79',
            data: {
                title: '指标名称',
                body: '指标描述',
                nodeType: '0',
                render: "(h, param) => h('div', {\n            style: {\n              padding: '16px'\n            }\n          }, [h('span', param.title), h('div', param.body), h('YsInput')])",
            },
            zIndex: 1,
            children: ['25a10de5-f972-4181-8b21-26ded75ac13c', '82960b9b-c76c-440b-b8fd-efe19ded4312', 'f4e93a7a-e889-42e4-ae00-71aa5f5d32c0'],
        },
        {
            position: {
                x: 100,
                y: 305,
            },
            size: {
                width: 180,
                height: 136,
            },
            view: 'vue-shape-view',
            shape: 'card',
            component: {
                template: '<card />',
                components: {
                    card: {
                        inject: {
                            getGraph: {
                                from: 'getGraph',
                            },
                            getNode: {
                                from: 'getNode',
                            },
                        },
                        components: {
                            RenderContent: {
                                name: 'TitleRender',
                                functional: true,
                                props: {
                                    render: {},
                                    data: {},
                                },
                                _Ctor: {},
                            },
                        },
                        methods: {},
                        staticRenderFns: [],
                        _compiled: true,
                        beforeCreate: [null],
                        beforeDestroy: [null],
                        __file: 'src/views/components/XsCard.vue',
                        _Ctor: {},
                    },
                },
            },
            ports: {
                groups: {
                    top: {
                        position: 'top',
                        attrs: {
                            circle: {
                                r: 3,
                                magnet: true,
                                stroke: '#31d0c6',
                                strokeWidth: 2,
                                fill: '#fff',
                                style: {
                                    visibility: 'hidden',
                                },
                            },
                        },
                    },
                    left: {
                        position: 'left',
                        attrs: {
                            circle: {
                                r: 3,
                                magnet: true,
                                stroke: '#31d0c6',
                                strokeWidth: 2,
                                fill: '#fff',
                                style: {
                                    visibility: 'hidden',
                                },
                            },
                        },
                    },
                    bottom: {
                        position: 'bottom',
                        attrs: {
                            circle: {
                                r: 3,
                                magnet: true,
                                stroke: '#31d0c6',
                                strokeWidth: 2,
                                fill: '#fff',
                                style: {
                                    visibility: 'hidden',
                                },
                            },
                        },
                    },
                    right: {
                        position: 'right',
                        attrs: {
                            circle: {
                                r: 3,
                                magnet: true,
                                stroke: '#31d0c6',
                                strokeWidth: 2,
                                fill: '#fff',
                                style: {
                                    visibility: 'hidden',
                                },
                            },
                        },
                    },
                    abs: {
                        attrs: {
                            circle: {
                                r: 3,
                                magnet: true,
                                stroke: '#31d0c6',
                                strokeWidth: 2,
                                fill: '#fff',
                                style: {
                                    visibility: 'hidden',
                                },
                            },
                        },
                        position: {
                            name: 'absolute',
                        },
                    },
                },
                items: [
                    {
                        id: 'y_1',
                        group: 'top',
                    },
                    {
                        id: 'y_2',
                        group: 'bottom',
                    },
                    {
                        id: 'x_1',
                        group: 'left',
                    },
                    {
                        id: 'x_2',
                        group: 'right',
                    },
                ],
            },
            id: '25a10de5-f972-4181-8b21-26ded75ac13c',
            data: {
                title: '指标名称',
                body: '指标描述',
                nodeType: '0',
                render: "(h, param) => h('div', {\n            style: {\n              padding: '16px'\n            }\n          }, [h('span', param.title), h('div', param.body), h('YsInput')])",
            },
            zIndex: 2,
            children: ['ad7652a2-3219-489e-8abe-b1cd677f9811'],
        },
        {
            shape: 'edge',
            attrs: {
                line1: {
                    stroke: {
                        stops: [
                            {
                                offset: '0%',
                                color: '#E77930',
                            },
                            {
                                offset: '50%',
                                color: '#73d13d',
                            },
                            {
                                offset: '100%',
                                color: '#00CEFF',
                            },
                        ],
                    },
                },
            },
            connector: {
                name: 'jumpover',
                args: {
                    type: 'gap',
                    radius: 10,
                },
            },
            tools: {
                items: [],
                name: null,
            },
            id: 'c721f7bd-179e-45af-bf2d-6dfa42797064',
            zIndex: 3,
            source: {
                cell: '11f3fd4f-7a32-4b97-9e4e-05a03eeefe79',
                port: 'y_2',
            },
            target: {
                cell: '25a10de5-f972-4181-8b21-26ded75ac13c',
                port: 'y_1',
            },
            vertices: [
                {
                    x: 440,
                    y: 258,
                },
                {
                    x: 190,
                    y: 258,
                },
            ],
        },
        {
            position: {
                x: 100,
                y: 535,
            },
            size: {
                width: 180,
                height: 136,
            },
            view: 'vue-shape-view',
            shape: 'card',
            component: {
                template: '<card />',
                components: {
                    card: {
                        inject: {
                            getGraph: {
                                from: 'getGraph',
                            },
                            getNode: {
                                from: 'getNode',
                            },
                        },
                        components: {
                            RenderContent: {
                                name: 'TitleRender',
                                functional: true,
                                props: {
                                    render: {},
                                    data: {},
                                },
                                _Ctor: {},
                            },
                        },
                        methods: {},
                        staticRenderFns: [],
                        _compiled: true,
                        beforeCreate: [null],
                        beforeDestroy: [null],
                        __file: 'src/views/components/XsCard.vue',
                        _Ctor: {},
                    },
                },
            },
            ports: {
                groups: {
                    top: {
                        position: 'top',
                        attrs: {
                            circle: {
                                r: 3,
                                magnet: true,
                                stroke: '#31d0c6',
                                strokeWidth: 2,
                                fill: '#fff',
                                style: {
                                    visibility: 'hidden',
                                },
                            },
                        },
                    },
                    left: {
                        position: 'left',
                        attrs: {
                            circle: {
                                r: 3,
                                magnet: true,
                                stroke: '#31d0c6',
                                strokeWidth: 2,
                                fill: '#fff',
                                style: {
                                    visibility: 'hidden',
                                },
                            },
                        },
                    },
                    bottom: {
                        position: 'bottom',
                        attrs: {
                            circle: {
                                r: 3,
                                magnet: true,
                                stroke: '#31d0c6',
                                strokeWidth: 2,
                                fill: '#fff',
                                style: {
                                    visibility: 'hidden',
                                },
                            },
                        },
                    },
                    right: {
                        position: 'right',
                        attrs: {
                            circle: {
                                r: 3,
                                magnet: true,
                                stroke: '#31d0c6',
                                strokeWidth: 2,
                                fill: '#fff',
                                style: {
                                    visibility: 'hidden',
                                },
                            },
                        },
                    },
                    abs: {
                        attrs: {
                            circle: {
                                r: 3,
                                magnet: true,
                                stroke: '#31d0c6',
                                strokeWidth: 2,
                                fill: '#fff',
                                style: {
                                    visibility: 'hidden',
                                },
                            },
                        },
                        position: {
                            name: 'absolute',
                        },
                    },
                },
                items: [
                    {
                        id: 'y_1',
                        group: 'top',
                    },
                    {
                        id: 'y_2',
                        group: 'bottom',
                    },
                    {
                        id: 'x_1',
                        group: 'left',
                    },
                    {
                        id: 'x_2',
                        group: 'right',
                    },
                ],
            },
            id: 'ad7652a2-3219-489e-8abe-b1cd677f9811',
            data: {
                title: '指标名称',
                body: '指标描述',
                nodeType: '0',
                render: "(h, param) => h('div', {\n            style: {\n              padding: '16px'\n            }\n          }, [h('span', param.title), h('div', param.body), h('YsInput')])",
            },
            zIndex: 4,
        },
        {
            shape: 'edge',
            attrs: {
                line1: {
                    stroke: {
                        stops: [
                            {
                                offset: '0%',
                                color: '#E77930',
                            },
                            {
                                offset: '50%',
                                color: '#73d13d',
                            },
                            {
                                offset: '100%',
                                color: '#00CEFF',
                            },
                        ],
                    },
                },
            },
            connector: {
                name: 'jumpover',
                args: {
                    type: 'gap',
                    radius: 10,
                },
            },
            tools: {
                items: [],
            },
            id: '72cdaf30-8ca3-4e2d-b00b-806d0fc73330',
            zIndex: 5,
            source: {
                cell: '25a10de5-f972-4181-8b21-26ded75ac13c',
                port: 'y_2',
            },
            target: {
                cell: 'ad7652a2-3219-489e-8abe-b1cd677f9811',
                port: 'y_1',
            },
            vertices: [],
        },
        {
            position: {
                x: 350,
                y: 305,
            },
            size: {
                width: 180,
                height: 136,
            },
            view: 'vue-shape-view',
            shape: 'card',
            component: {
                template: '<card />',
                components: {
                    card: {
                        inject: {
                            getGraph: {
                                from: 'getGraph',
                            },
                            getNode: {
                                from: 'getNode',
                            },
                        },
                        components: {
                            RenderContent: {
                                name: 'TitleRender',
                                functional: true,
                                props: {
                                    render: {},
                                    data: {},
                                },
                                _Ctor: {},
                            },
                        },
                        methods: {},
                        staticRenderFns: [],
                        _compiled: true,
                        beforeCreate: [null],
                        beforeDestroy: [null],
                        __file: 'src/views/components/XsCard.vue',
                        _Ctor: {},
                    },
                },
            },
            ports: {
                groups: {
                    top: {
                        position: 'top',
                        attrs: {
                            circle: {
                                r: 3,
                                magnet: true,
                                stroke: '#31d0c6',
                                strokeWidth: 2,
                                fill: '#fff',
                                style: {
                                    visibility: 'hidden',
                                },
                            },
                        },
                    },
                    left: {
                        position: 'left',
                        attrs: {
                            circle: {
                                r: 3,
                                magnet: true,
                                stroke: '#31d0c6',
                                strokeWidth: 2,
                                fill: '#fff',
                                style: {
                                    visibility: 'hidden',
                                },
                            },
                        },
                    },
                    bottom: {
                        position: 'bottom',
                        attrs: {
                            circle: {
                                r: 3,
                                magnet: true,
                                stroke: '#31d0c6',
                                strokeWidth: 2,
                                fill: '#fff',
                                style: {
                                    visibility: 'hidden',
                                },
                            },
                        },
                    },
                    right: {
                        position: 'right',
                        attrs: {
                            circle: {
                                r: 3,
                                magnet: true,
                                stroke: '#31d0c6',
                                strokeWidth: 2,
                                fill: '#fff',
                                style: {
                                    visibility: 'hidden',
                                },
                            },
                        },
                    },
                    abs: {
                        attrs: {
                            circle: {
                                r: 3,
                                magnet: true,
                                stroke: '#31d0c6',
                                strokeWidth: 2,
                                fill: '#fff',
                                style: {
                                    visibility: 'hidden',
                                },
                            },
                        },
                        position: {
                            name: 'absolute',
                        },
                    },
                },
                items: [
                    {
                        id: 'y_1',
                        group: 'top',
                    },
                    {
                        id: 'y_2',
                        group: 'bottom',
                    },
                    {
                        id: 'x_1',
                        group: 'left',
                    },
                    {
                        id: 'x_2',
                        group: 'right',
                    },
                ],
            },
            id: '82960b9b-c76c-440b-b8fd-efe19ded4312',
            data: {
                title: '指标名称',
                body: '指标描述',
                nodeType: '0',
                render: "(h, param) => h('div', {\n            style: {\n              padding: '16px'\n            }\n          }, [h('span', param.title), h('div', param.body), h('YsInput')])",
            },
            zIndex: 6,
        },
        {
            shape: 'edge',
            attrs: {
                line1: {
                    stroke: {
                        stops: [
                            {
                                offset: '0%',
                                color: '#E77930',
                            },
                            {
                                offset: '50%',
                                color: '#73d13d',
                            },
                            {
                                offset: '100%',
                                color: '#00CEFF',
                            },
                        ],
                    },
                },
            },
            connector: {
                name: 'jumpover',
                args: {
                    type: 'gap',
                    radius: 10,
                },
            },
            tools: {
                items: [],
            },
            id: '9caa4873-20ed-4eb4-8375-dc8ef5768997',
            zIndex: 7,
            source: {
                cell: '11f3fd4f-7a32-4b97-9e4e-05a03eeefe79',
                port: 'y_2',
            },
            target: {
                cell: '82960b9b-c76c-440b-b8fd-efe19ded4312',
                port: 'y_1',
            },
            vertices: [],
        },
        {
            position: {
                x: 600,
                y: 305,
            },
            size: {
                width: 180,
                height: 136,
            },
            view: 'vue-shape-view',
            shape: 'card',
            component: {
                template: '<card />',
                components: {
                    card: {
                        inject: {
                            getGraph: {
                                from: 'getGraph',
                            },
                            getNode: {
                                from: 'getNode',
                            },
                        },
                        components: {
                            RenderContent: {
                                name: 'TitleRender',
                                functional: true,
                                props: {
                                    render: {},
                                    data: {},
                                },
                                _Ctor: {},
                            },
                        },
                        methods: {},
                        staticRenderFns: [],
                        _compiled: true,
                        beforeCreate: [null],
                        beforeDestroy: [null],
                        __file: 'src/views/components/XsCard.vue',
                        _Ctor: {},
                    },
                },
            },
            ports: {
                groups: {
                    top: {
                        position: 'top',
                        attrs: {
                            circle: {
                                r: 3,
                                magnet: true,
                                stroke: '#31d0c6',
                                strokeWidth: 2,
                                fill: '#fff',
                                style: {
                                    visibility: 'hidden',
                                },
                            },
                        },
                    },
                    left: {
                        position: 'left',
                        attrs: {
                            circle: {
                                r: 3,
                                magnet: true,
                                stroke: '#31d0c6',
                                strokeWidth: 2,
                                fill: '#fff',
                                style: {
                                    visibility: 'hidden',
                                },
                            },
                        },
                    },
                    bottom: {
                        position: 'bottom',
                        attrs: {
                            circle: {
                                r: 3,
                                magnet: true,
                                stroke: '#31d0c6',
                                strokeWidth: 2,
                                fill: '#fff',
                                style: {
                                    visibility: 'hidden',
                                },
                            },
                        },
                    },
                    right: {
                        position: 'right',
                        attrs: {
                            circle: {
                                r: 3,
                                magnet: true,
                                stroke: '#31d0c6',
                                strokeWidth: 2,
                                fill: '#fff',
                                style: {
                                    visibility: 'hidden',
                                },
                            },
                        },
                    },
                    abs: {
                        attrs: {
                            circle: {
                                r: 3,
                                magnet: true,
                                stroke: '#31d0c6',
                                strokeWidth: 2,
                                fill: '#fff',
                                style: {
                                    visibility: 'hidden',
                                },
                            },
                        },
                        position: {
                            name: 'absolute',
                        },
                    },
                },
                items: [
                    {
                        id: 'y_1',
                        group: 'top',
                    },
                    {
                        id: 'y_2',
                        group: 'bottom',
                    },
                    {
                        id: 'x_1',
                        group: 'left',
                    },
                    {
                        id: 'x_2',
                        group: 'right',
                    },
                ],
            },
            id: 'f4e93a7a-e889-42e4-ae00-71aa5f5d32c0',
            data: {
                title: '指标名称',
                body: '指标描述',
                nodeType: '0',
                render: "(h, param) => h('div', {\n            style: {\n              padding: '16px'\n            }\n          }, [h('span', param.title), h('div', param.body), h('YsInput')])",
            },
            zIndex: 8,
            children: ['c429c7cd-1371-40f5-bfe2-38cd509d5411'],
        },
        {
            shape: 'edge',
            attrs: {
                line1: {
                    stroke: {
                        stops: [
                            {
                                offset: '0%',
                                color: '#E77930',
                            },
                            {
                                offset: '50%',
                                color: '#73d13d',
                            },
                            {
                                offset: '100%',
                                color: '#00CEFF',
                            },
                        ],
                    },
                },
            },
            connector: {
                name: 'jumpover',
                args: {
                    type: 'gap',
                    radius: 10,
                },
            },
            tools: {
                items: [],
            },
            id: '7f19d7dc-d0f5-4837-9684-a5a57fa57428',
            zIndex: 9,
            source: {
                cell: '11f3fd4f-7a32-4b97-9e4e-05a03eeefe79',
                port: 'y_2',
            },
            target: {
                cell: 'f4e93a7a-e889-42e4-ae00-71aa5f5d32c0',
                port: 'y_1',
            },
            vertices: [
                {
                    x: 440,
                    y: 258,
                },
                {
                    x: 690,
                    y: 258,
                },
            ],
        },
        {
            position: {
                x: 600,
                y: 535,
            },
            size: {
                width: 180,
                height: 136,
            },
            view: 'vue-shape-view',
            shape: 'card',
            component: {
                template: '<card />',
                components: {
                    card: {
                        inject: {
                            getGraph: {
                                from: 'getGraph',
                            },
                            getNode: {
                                from: 'getNode',
                            },
                        },
                        components: {
                            RenderContent: {
                                name: 'TitleRender',
                                functional: true,
                                props: {
                                    render: {},
                                    data: {},
                                },
                                _Ctor: {},
                            },
                        },
                        methods: {},
                        staticRenderFns: [],
                        _compiled: true,
                        beforeCreate: [null],
                        beforeDestroy: [null],
                        __file: 'src/views/components/XsCard.vue',
                        _Ctor: {},
                    },
                },
            },
            ports: {
                groups: {
                    top: {
                        position: 'top',
                        attrs: {
                            circle: {
                                r: 3,
                                magnet: true,
                                stroke: '#31d0c6',
                                strokeWidth: 2,
                                fill: '#fff',
                                style: {
                                    visibility: 'hidden',
                                },
                            },
                        },
                    },
                    left: {
                        position: 'left',
                        attrs: {
                            circle: {
                                r: 3,
                                magnet: true,
                                stroke: '#31d0c6',
                                strokeWidth: 2,
                                fill: '#fff',
                                style: {
                                    visibility: 'hidden',
                                },
                            },
                        },
                    },
                    bottom: {
                        position: 'bottom',
                        attrs: {
                            circle: {
                                r: 3,
                                magnet: true,
                                stroke: '#31d0c6',
                                strokeWidth: 2,
                                fill: '#fff',
                                style: {
                                    visibility: 'hidden',
                                },
                            },
                        },
                    },
                    right: {
                        position: 'right',
                        attrs: {
                            circle: {
                                r: 3,
                                magnet: true,
                                stroke: '#31d0c6',
                                strokeWidth: 2,
                                fill: '#fff',
                                style: {
                                    visibility: 'hidden',
                                },
                            },
                        },
                    },
                    abs: {
                        attrs: {
                            circle: {
                                r: 3,
                                magnet: true,
                                stroke: '#31d0c6',
                                strokeWidth: 2,
                                fill: '#fff',
                                style: {
                                    visibility: 'hidden',
                                },
                            },
                        },
                        position: {
                            name: 'absolute',
                        },
                    },
                },
                items: [
                    {
                        id: 'y_1',
                        group: 'top',
                    },
                    {
                        id: 'y_2',
                        group: 'bottom',
                    },
                    {
                        id: 'x_1',
                        group: 'left',
                    },
                    {
                        id: 'x_2',
                        group: 'right',
                    },
                ],
            },
            id: 'c429c7cd-1371-40f5-bfe2-38cd509d5411',
            data: {
                title: '指标名称',
                body: '指标描述',
                nodeType: '0',
                render: "(h, param) => h('div', {\n            style: {\n              padding: '16px'\n            }\n          }, [h('span', param.title), h('div', param.body), h('YsInput')])",
            },
            zIndex: 10,
        },
        {
            shape: 'edge',
            attrs: {
                line1: {
                    stroke: {
                        stops: [
                            {
                                offset: '0%',
                                color: '#E77930',
                            },
                            {
                                offset: '50%',
                                color: '#73d13d',
                            },
                            {
                                offset: '100%',
                                color: '#00CEFF',
                            },
                        ],
                    },
                },
            },
            connector: {
                name: 'jumpover',
                args: {
                    type: 'gap',
                    radius: 10,
                },
            },
            tools: {
                items: [],
            },
            id: 'b23ff130-94d7-445e-9011-8a3d489f5feb',
            zIndex: 11,
            source: {
                cell: 'f4e93a7a-e889-42e4-ae00-71aa5f5d32c0',
                port: 'y_2',
            },
            target: {
                cell: 'c429c7cd-1371-40f5-bfe2-38cd509d5411',
                port: 'y_1',
            },
            vertices: [],
        },
    ],
    [
        {
            position: {
                x: -950,
                y: -470,
            },
            size: {
                width: 180,
                height: 136,
            },
            view: 'vue-shape-view',
            shape: 'card',
            component: {
                template: '<card />',
                components: {
                    card: {
                        inject: {
                            getGraph: {
                                from: 'getGraph',
                            },
                            getNode: {
                                from: 'getNode',
                            },
                        },
                        components: {
                            RenderContent: {
                                name: 'TitleRender',
                                functional: true,
                                props: {
                                    render: {},
                                    data: {},
                                },
                                _Ctor: {},
                            },
                        },
                        methods: {},
                        staticRenderFns: [],
                        _compiled: true,
                        beforeCreate: [null],
                        beforeDestroy: [null],
                        __file: 'src/views/components/XsCard.vue',
                        _Ctor: {},
                    },
                },
            },
            ports: {
                groups: {
                    top: {
                        position: 'top',
                        attrs: {
                            circle: {
                                r: 3,
                                magnet: true,
                                stroke: '#31d0c6',
                                strokeWidth: 2,
                                fill: '#fff',
                                style: {
                                    visibility: 'hidden',
                                },
                            },
                        },
                    },
                    left: {
                        position: 'left',
                        attrs: {
                            circle: {
                                r: 3,
                                magnet: true,
                                stroke: '#31d0c6',
                                strokeWidth: 2,
                                fill: '#fff',
                                style: {
                                    visibility: 'hidden',
                                },
                            },
                        },
                    },
                    bottom: {
                        position: 'bottom',
                        attrs: {
                            circle: {
                                r: 3,
                                magnet: true,
                                stroke: '#31d0c6',
                                strokeWidth: 2,
                                fill: '#fff',
                                style: {
                                    visibility: 'hidden',
                                },
                            },
                        },
                    },
                    right: {
                        position: 'right',
                        attrs: {
                            circle: {
                                r: 3,
                                magnet: true,
                                stroke: '#31d0c6',
                                strokeWidth: 2,
                                fill: '#fff',
                                style: {
                                    visibility: 'hidden',
                                },
                            },
                        },
                    },
                    abs: {
                        attrs: {
                            circle: {
                                r: 3,
                                magnet: true,
                                stroke: '#31d0c6',
                                strokeWidth: 2,
                                fill: '#fff',
                                style: {
                                    visibility: 'hidden',
                                },
                            },
                        },
                        position: {
                            name: 'absolute',
                        },
                    },
                },
                items: [
                    {
                        id: 'y_1',
                        group: 'top',
                    },
                    {
                        id: 'y_2',
                        group: 'bottom',
                    },
                    {
                        id: 'x_1',
                        group: 'left',
                    },
                    {
                        id: 'x_2',
                        group: 'right',
                    },
                ],
            },
            id: 'c6d63e74-7bb2-4eb9-a5b9-2ad0498ca32b',
            data: {
                title: '任意节点',
                body: '任意渲染',
                nodeType: '0',
                render: "(h, param) => h('div', {\n            style: {\n              padding: '16px'\n            }\n          }, [h('span', param.title), h('div', param.body), h('YsInput')])",
            },
            zIndex: 1,
        },
        {
            position: {
                x: -770,
                y: -170,
            },
            size: {
                width: 180,
                height: 290,
            },
            view: 'vue-shape-view',
            shape: 'card',
            component: {
                template: '<card />',
                components: {
                    card: {
                        inject: {
                            getGraph: {
                                from: 'getGraph',
                            },
                            getNode: {
                                from: 'getNode',
                            },
                        },
                        components: {
                            RenderContent: {
                                name: 'TitleRender',
                                functional: true,
                                props: {
                                    render: {},
                                    data: {},
                                },
                                _Ctor: {},
                            },
                        },
                        methods: {},
                        staticRenderFns: [],
                        _compiled: true,
                        beforeCreate: [null],
                        beforeDestroy: [null],
                        __file: 'src/views/components/XsCard.vue',
                        _Ctor: {},
                    },
                },
            },
            ports: {
                groups: {
                    top: {
                        position: 'top',
                        attrs: {
                            circle: {
                                r: 3,
                                magnet: true,
                                stroke: '#31d0c6',
                                strokeWidth: 2,
                                fill: '#fff',
                                style: {
                                    visibility: 'hidden',
                                },
                            },
                        },
                    },
                    left: {
                        position: 'left',
                        attrs: {
                            circle: {
                                r: 3,
                                magnet: true,
                                stroke: '#31d0c6',
                                strokeWidth: 2,
                                fill: '#fff',
                                style: {
                                    visibility: 'hidden',
                                },
                            },
                        },
                    },
                    bottom: {
                        position: 'bottom',
                        attrs: {
                            circle: {
                                r: 3,
                                magnet: true,
                                stroke: '#31d0c6',
                                strokeWidth: 2,
                                fill: '#fff',
                                style: {
                                    visibility: 'hidden',
                                },
                            },
                        },
                    },
                    right: {
                        position: 'right',
                        attrs: {
                            circle: {
                                r: 3,
                                magnet: true,
                                stroke: '#31d0c6',
                                strokeWidth: 2,
                                fill: '#fff',
                                style: {
                                    visibility: 'hidden',
                                },
                            },
                        },
                    },
                    abs: {
                        attrs: {
                            circle: {
                                r: 3,
                                magnet: true,
                                stroke: '#31d0c6',
                                strokeWidth: 2,
                                fill: '#fff',
                                style: {
                                    visibility: 'hidden',
                                },
                            },
                        },
                        position: {
                            name: 'absolute',
                        },
                    },
                },
                items: [
                    {
                        id: 'abs_1',
                        group: 'abs',
                        args: {
                            x: '0',
                            y: '46',
                        },
                    },
                    {
                        id: 'abs_2',
                        group: 'abs',
                        args: {
                            x: '100%',
                            y: '46',
                        },
                    },
                    {
                        id: 'abs_3',
                        group: 'abs',
                        args: {
                            x: '0',
                            y: '100',
                        },
                    },
                    {
                        id: 'abs_4',
                        group: 'abs',
                        args: {
                            x: '100%',
                            y: '100',
                        },
                    },
                    {
                        id: 'abs_5',
                        group: 'abs',
                        args: {
                            x: '0',
                            y: '148',
                        },
                    },
                    {
                        id: 'abs_6',
                        group: 'abs',
                        args: {
                            x: '100%',
                            y: '148',
                        },
                    },
                    {
                        id: 'abs_7',
                        group: 'abs',
                        args: {
                            x: '0',
                            y: '196',
                        },
                    },
                    {
                        id: 'abs_8',
                        group: 'abs',
                        args: {
                            x: '100%',
                            y: '196',
                        },
                    },
                    {
                        id: 'abs_9',
                        group: 'abs',
                        args: {
                            x: '0',
                            y: '244',
                        },
                    },
                    {
                        id: 'abs_10',
                        group: 'abs',
                        args: {
                            x: '100%',
                            y: '244',
                        },
                    },
                ],
            },
            id: 'e904359d-2bda-42c1-a8aa-62eb4d2ad2d2',
            data: {
                title: '自定义表头',
                body: '自定义参数行',
                nodeType: '0',
                render: "(h, param) => h('div', {\n            style: {\n              padding: '16px'\n            }\n          }, [h('div', {\n            style: {\n              height: '60px',\n              lineHeight: '60px'\n            }\n          }, param.title), h('div', {\n            style: {\n              height: '48px',\n              lineHeight: '48px'\n            }\n          }, param.body), h('div', {\n            style: {\n              height: '48px',\n              lineHeight: '48px'\n            }\n          }, param.body), h('div', {\n            style: {\n              height: '48px',\n              lineHeight: '48px'\n            }\n          }, param.body), h('div', {\n            style: {\n              height: '48px',\n              lineHeight: '48px'\n            }\n          }, param.body)])",
            },
            zIndex: 2,
        },
        {
            shape: 'edge',
            attrs: {
                line1: {
                    stroke: {
                        stops: [
                            {
                                offset: '0%',
                                color: '#E77930',
                            },
                            {
                                offset: '50%',
                                color: '#73d13d',
                            },
                            {
                                offset: '100%',
                                color: '#00CEFF',
                            },
                        ],
                    },
                },
            },
            connector: {
                name: 'jumpover',
                args: {
                    type: 'gap',
                    radius: 10,
                },
            },
            tools: {
                items: [],
                name: null,
            },
            id: '991a2be0-24b7-41e7-8e90-6054b5b0742a',
            zIndex: 3,
            source: {
                cell: 'c6d63e74-7bb2-4eb9-a5b9-2ad0498ca32b',
                port: 'y_2',
            },
            target: {
                cell: 'e904359d-2bda-42c1-a8aa-62eb4d2ad2d2',
                port: 'abs_1',
            },
            vertices: [
                {
                    x: -800,
                    y: -124,
                },
            ],
        },
        {
            position: {
                x: -473,
                y: -170,
            },
            size: {
                width: 180,
                height: 290,
            },
            view: 'vue-shape-view',
            shape: 'card',
            component: {
                template: '<card />',
                components: {
                    card: {
                        inject: {
                            getGraph: {
                                from: 'getGraph',
                            },
                            getNode: {
                                from: 'getNode',
                            },
                        },
                        components: {
                            RenderContent: {
                                name: 'TitleRender',
                                functional: true,
                                props: {
                                    render: {},
                                    data: {},
                                },
                                _Ctor: {},
                            },
                        },
                        methods: {},
                        staticRenderFns: [],
                        _compiled: true,
                        beforeCreate: [null],
                        beforeDestroy: [null],
                        __file: 'src/views/components/XsCard.vue',
                        _Ctor: {},
                    },
                },
            },
            ports: {
                groups: {
                    top: {
                        position: 'top',
                        attrs: {
                            circle: {
                                r: 3,
                                magnet: true,
                                stroke: '#31d0c6',
                                strokeWidth: 2,
                                fill: '#fff',
                                style: {
                                    visibility: 'hidden',
                                },
                            },
                        },
                    },
                    left: {
                        position: 'left',
                        attrs: {
                            circle: {
                                r: 3,
                                magnet: true,
                                stroke: '#31d0c6',
                                strokeWidth: 2,
                                fill: '#fff',
                                style: {
                                    visibility: 'hidden',
                                },
                            },
                        },
                    },
                    bottom: {
                        position: 'bottom',
                        attrs: {
                            circle: {
                                r: 3,
                                magnet: true,
                                stroke: '#31d0c6',
                                strokeWidth: 2,
                                fill: '#fff',
                                style: {
                                    visibility: 'hidden',
                                },
                            },
                        },
                    },
                    right: {
                        position: 'right',
                        attrs: {
                            circle: {
                                r: 3,
                                magnet: true,
                                stroke: '#31d0c6',
                                strokeWidth: 2,
                                fill: '#fff',
                                style: {
                                    visibility: 'hidden',
                                },
                            },
                        },
                    },
                    abs: {
                        attrs: {
                            circle: {
                                r: 3,
                                magnet: true,
                                stroke: '#31d0c6',
                                strokeWidth: 2,
                                fill: '#fff',
                                style: {
                                    visibility: 'hidden',
                                },
                            },
                        },
                        position: {
                            name: 'absolute',
                        },
                    },
                },
                items: [
                    {
                        id: 'abs_1',
                        group: 'abs',
                        args: {
                            x: '0',
                            y: '46',
                        },
                    },
                    {
                        id: 'abs_2',
                        group: 'abs',
                        args: {
                            x: '100%',
                            y: '46',
                        },
                    },
                    {
                        id: 'abs_3',
                        group: 'abs',
                        args: {
                            x: '0',
                            y: '100',
                        },
                    },
                    {
                        id: 'abs_4',
                        group: 'abs',
                        args: {
                            x: '100%',
                            y: '100',
                        },
                    },
                    {
                        id: 'abs_5',
                        group: 'abs',
                        args: {
                            x: '0',
                            y: '148',
                        },
                    },
                    {
                        id: 'abs_6',
                        group: 'abs',
                        args: {
                            x: '100%',
                            y: '148',
                        },
                    },
                    {
                        id: 'abs_7',
                        group: 'abs',
                        args: {
                            x: '0',
                            y: '196',
                        },
                    },
                    {
                        id: 'abs_8',
                        group: 'abs',
                        args: {
                            x: '100%',
                            y: '196',
                        },
                    },
                    {
                        id: 'abs_9',
                        group: 'abs',
                        args: {
                            x: '0',
                            y: '244',
                        },
                    },
                    {
                        id: 'abs_10',
                        group: 'abs',
                        args: {
                            x: '100%',
                            y: '244',
                        },
                    },
                ],
            },
            id: '4685ac27-218f-4261-9535-7d4d3e5c623d',
            data: {
                title: '自定义表头',
                body: '自定义参数行',
                nodeType: '0',
                render: "(h, param) => h('div', {\n            style: {\n              padding: '16px'\n            }\n          }, [h('div', {\n            style: {\n              height: '60px',\n              lineHeight: '60px'\n            }\n          }, param.title), h('div', {\n            style: {\n              height: '48px',\n              lineHeight: '48px'\n            }\n          }, param.body), h('div', {\n            style: {\n              height: '48px',\n              lineHeight: '48px'\n            }\n          }, param.body), h('div', {\n            style: {\n              height: '48px',\n              lineHeight: '48px'\n            }\n          }, param.body), h('div', {\n            style: {\n              height: '48px',\n              lineHeight: '48px'\n            }\n          }, param.body)])",
            },
            zIndex: 4,
        },
        {
            shape: 'edge',
            attrs: {
                line1: {
                    stroke: {
                        stops: [
                            {
                                offset: '0%',
                                color: '#E77930',
                            },
                            {
                                offset: '50%',
                                color: '#73d13d',
                            },
                            {
                                offset: '100%',
                                color: '#00CEFF',
                            },
                        ],
                    },
                },
            },
            connector: {
                name: 'jumpover',
                args: {
                    type: 'gap',
                    radius: 10,
                },
            },
            tools: {
                items: [],
                name: null,
            },
            id: '290b5899-f05b-4f51-bfe6-d02648dbcf41',
            zIndex: 5,
            source: {
                cell: 'e904359d-2bda-42c1-a8aa-62eb4d2ad2d2',
                port: 'abs_4',
            },
            target: {
                cell: '4685ac27-218f-4261-9535-7d4d3e5c623d',
                port: 'abs_3',
            },
        },
        {
            shape: 'edge',
            attrs: {
                line1: {
                    stroke: {
                        stops: [
                            {
                                offset: '0%',
                                color: '#E77930',
                            },
                            {
                                offset: '50%',
                                color: '#73d13d',
                            },
                            {
                                offset: '100%',
                                color: '#00CEFF',
                            },
                        ],
                    },
                },
            },
            connector: {
                name: 'jumpover',
                args: {
                    type: 'gap',
                    radius: 10,
                },
            },
            tools: {
                items: [],
                name: null,
            },
            id: '4ef8e6ab-5829-4351-85c5-e41a2c6ef916',
            zIndex: 6,
            source: {
                cell: 'e904359d-2bda-42c1-a8aa-62eb4d2ad2d2',
                port: 'abs_8',
            },
            target: {
                cell: '4685ac27-218f-4261-9535-7d4d3e5c623d',
                port: 'abs_7',
            },
        },
        {
            position: {
                x: -160,
                y: -20,
            },
            size: {
                width: 180,
                height: 290,
            },
            view: 'vue-shape-view',
            shape: 'card',
            component: {
                template: '<card />',
                components: {
                    card: {
                        inject: {
                            getGraph: {
                                from: 'getGraph',
                            },
                            getNode: {
                                from: 'getNode',
                            },
                        },
                        components: {
                            RenderContent: {
                                name: 'TitleRender',
                                functional: true,
                                props: {
                                    render: {},
                                    data: {},
                                },
                                _Ctor: {},
                            },
                        },
                        methods: {},
                        staticRenderFns: [],
                        _compiled: true,
                        beforeCreate: [null],
                        beforeDestroy: [null],
                        __file: 'src/views/components/XsCard.vue',
                        _Ctor: {},
                    },
                },
            },
            ports: {
                groups: {
                    top: {
                        position: 'top',
                        attrs: {
                            circle: {
                                r: 3,
                                magnet: true,
                                stroke: '#31d0c6',
                                strokeWidth: 2,
                                fill: '#fff',
                                style: {
                                    visibility: 'hidden',
                                },
                            },
                        },
                    },
                    left: {
                        position: 'left',
                        attrs: {
                            circle: {
                                r: 3,
                                magnet: true,
                                stroke: '#31d0c6',
                                strokeWidth: 2,
                                fill: '#fff',
                                style: {
                                    visibility: 'hidden',
                                },
                            },
                        },
                    },
                    bottom: {
                        position: 'bottom',
                        attrs: {
                            circle: {
                                r: 3,
                                magnet: true,
                                stroke: '#31d0c6',
                                strokeWidth: 2,
                                fill: '#fff',
                                style: {
                                    visibility: 'hidden',
                                },
                            },
                        },
                    },
                    right: {
                        position: 'right',
                        attrs: {
                            circle: {
                                r: 3,
                                magnet: true,
                                stroke: '#31d0c6',
                                strokeWidth: 2,
                                fill: '#fff',
                                style: {
                                    visibility: 'hidden',
                                },
                            },
                        },
                    },
                    abs: {
                        attrs: {
                            circle: {
                                r: 3,
                                magnet: true,
                                stroke: '#31d0c6',
                                strokeWidth: 2,
                                fill: '#fff',
                                style: {
                                    visibility: 'hidden',
                                },
                            },
                        },
                        position: {
                            name: 'absolute',
                        },
                    },
                },
                items: [
                    {
                        id: 'abs_1',
                        group: 'abs',
                        args: {
                            x: '0',
                            y: '46',
                        },
                    },
                    {
                        id: 'abs_2',
                        group: 'abs',
                        args: {
                            x: '100%',
                            y: '46',
                        },
                    },
                    {
                        id: 'abs_3',
                        group: 'abs',
                        args: {
                            x: '0',
                            y: '100',
                        },
                    },
                    {
                        id: 'abs_4',
                        group: 'abs',
                        args: {
                            x: '100%',
                            y: '100',
                        },
                    },
                    {
                        id: 'abs_5',
                        group: 'abs',
                        args: {
                            x: '0',
                            y: '148',
                        },
                    },
                    {
                        id: 'abs_6',
                        group: 'abs',
                        args: {
                            x: '100%',
                            y: '148',
                        },
                    },
                    {
                        id: 'abs_7',
                        group: 'abs',
                        args: {
                            x: '0',
                            y: '196',
                        },
                    },
                    {
                        id: 'abs_8',
                        group: 'abs',
                        args: {
                            x: '100%',
                            y: '196',
                        },
                    },
                    {
                        id: 'abs_9',
                        group: 'abs',
                        args: {
                            x: '0',
                            y: '244',
                        },
                    },
                    {
                        id: 'abs_10',
                        group: 'abs',
                        args: {
                            x: '100%',
                            y: '244',
                        },
                    },
                ],
            },
            id: '50a094d6-0a72-4b36-94f4-484d0457e4f7',
            data: {
                title: '自定义表头',
                body: '自定义参数行',
                nodeType: '0',
                render: "(h, param) => h('div', {\n            style: {\n              padding: '16px'\n            }\n          }, [h('div', {\n            style: {\n              height: '60px',\n              lineHeight: '60px'\n            }\n          }, param.title), h('div', {\n            style: {\n              height: '48px',\n              lineHeight: '48px'\n            }\n          }, param.body), h('div', {\n            style: {\n              height: '48px',\n              lineHeight: '48px'\n            }\n          }, param.body), h('div', {\n            style: {\n              height: '48px',\n              lineHeight: '48px'\n            }\n          }, param.body), h('div', {\n            style: {\n              height: '48px',\n              lineHeight: '48px'\n            }\n          }, param.body)])",
            },
            zIndex: 7,
        },
        {
            shape: 'edge',
            attrs: {
                line1: {
                    stroke: {
                        stops: [
                            {
                                offset: '0%',
                                color: '#E77930',
                            },
                            {
                                offset: '50%',
                                color: '#73d13d',
                            },
                            {
                                offset: '100%',
                                color: '#00CEFF',
                            },
                        ],
                    },
                },
            },
            connector: {
                name: 'jumpover',
                args: {
                    type: 'gap',
                    radius: 10,
                },
            },
            tools: {
                items: [],
                name: null,
            },
            id: '78093c89-bd1e-4746-a1ca-2a13e39841a2',
            zIndex: 8,
            source: {
                cell: '4685ac27-218f-4261-9535-7d4d3e5c623d',
                port: 'abs_8',
            },
            target: {
                cell: '50a094d6-0a72-4b36-94f4-484d0457e4f7',
                port: 'abs_1',
            },
        },
        {
            position: {
                x: 170,
                y: -160,
            },
            size: {
                width: 180,
                height: 290,
            },
            view: 'vue-shape-view',
            shape: 'card',
            component: {
                template: '<card />',
                components: {
                    card: {
                        inject: {
                            getGraph: {
                                from: 'getGraph',
                            },
                            getNode: {
                                from: 'getNode',
                            },
                        },
                        components: {
                            RenderContent: {
                                name: 'TitleRender',
                                functional: true,
                                props: {
                                    render: {},
                                    data: {},
                                },
                                _Ctor: {},
                            },
                        },
                        methods: {},
                        staticRenderFns: [],
                        _compiled: true,
                        beforeCreate: [null],
                        beforeDestroy: [null],
                        __file: 'src/views/components/XsCard.vue',
                        _Ctor: {},
                    },
                },
            },
            ports: {
                groups: {
                    top: {
                        position: 'top',
                        attrs: {
                            circle: {
                                r: 3,
                                magnet: true,
                                stroke: '#31d0c6',
                                strokeWidth: 2,
                                fill: '#fff',
                                style: {
                                    visibility: 'hidden',
                                },
                            },
                        },
                    },
                    left: {
                        position: 'left',
                        attrs: {
                            circle: {
                                r: 3,
                                magnet: true,
                                stroke: '#31d0c6',
                                strokeWidth: 2,
                                fill: '#fff',
                                style: {
                                    visibility: 'hidden',
                                },
                            },
                        },
                    },
                    bottom: {
                        position: 'bottom',
                        attrs: {
                            circle: {
                                r: 3,
                                magnet: true,
                                stroke: '#31d0c6',
                                strokeWidth: 2,
                                fill: '#fff',
                                style: {
                                    visibility: 'hidden',
                                },
                            },
                        },
                    },
                    right: {
                        position: 'right',
                        attrs: {
                            circle: {
                                r: 3,
                                magnet: true,
                                stroke: '#31d0c6',
                                strokeWidth: 2,
                                fill: '#fff',
                                style: {
                                    visibility: 'hidden',
                                },
                            },
                        },
                    },
                    abs: {
                        attrs: {
                            circle: {
                                r: 3,
                                magnet: true,
                                stroke: '#31d0c6',
                                strokeWidth: 2,
                                fill: '#fff',
                                style: {
                                    visibility: 'hidden',
                                },
                            },
                        },
                        position: {
                            name: 'absolute',
                        },
                    },
                },
                items: [
                    {
                        id: 'abs_1',
                        group: 'abs',
                        args: {
                            x: '0',
                            y: '46',
                        },
                    },
                    {
                        id: 'abs_2',
                        group: 'abs',
                        args: {
                            x: '100%',
                            y: '46',
                        },
                    },
                    {
                        id: 'abs_3',
                        group: 'abs',
                        args: {
                            x: '0',
                            y: '100',
                        },
                    },
                    {
                        id: 'abs_4',
                        group: 'abs',
                        args: {
                            x: '100%',
                            y: '100',
                        },
                    },
                    {
                        id: 'abs_5',
                        group: 'abs',
                        args: {
                            x: '0',
                            y: '148',
                        },
                    },
                    {
                        id: 'abs_6',
                        group: 'abs',
                        args: {
                            x: '100%',
                            y: '148',
                        },
                    },
                    {
                        id: 'abs_7',
                        group: 'abs',
                        args: {
                            x: '0',
                            y: '196',
                        },
                    },
                    {
                        id: 'abs_8',
                        group: 'abs',
                        args: {
                            x: '100%',
                            y: '196',
                        },
                    },
                    {
                        id: 'abs_9',
                        group: 'abs',
                        args: {
                            x: '0',
                            y: '244',
                        },
                    },
                    {
                        id: 'abs_10',
                        group: 'abs',
                        args: {
                            x: '100%',
                            y: '244',
                        },
                    },
                ],
            },
            id: '3a2d44c9-efba-412e-9434-91a2094b89d3',
            data: {
                title: '自定义表头',
                body: '自定义参数行',
                nodeType: '0',
                render: "(h, param) => h('div', {\n            style: {\n              padding: '16px'\n            }\n          }, [h('div', {\n            style: {\n              height: '60px',\n              lineHeight: '60px'\n            }\n          }, param.title), h('div', {\n            style: {\n              height: '48px',\n              lineHeight: '48px'\n            }\n          }, param.body), h('div', {\n            style: {\n              height: '48px',\n              lineHeight: '48px'\n            }\n          }, param.body), h('div', {\n            style: {\n              height: '48px',\n              lineHeight: '48px'\n            }\n          }, param.body), h('div', {\n            style: {\n              height: '48px',\n              lineHeight: '48px'\n            }\n          }, param.body)])",
            },
            zIndex: 9,
        },
        {
            shape: 'edge',
            attrs: {
                line1: {
                    stroke: {
                        stops: [
                            {
                                offset: '0%',
                                color: '#E77930',
                            },
                            {
                                offset: '50%',
                                color: '#73d13d',
                            },
                            {
                                offset: '100%',
                                color: '#00CEFF',
                            },
                        ],
                    },
                },
            },
            connector: {
                name: 'jumpover',
                args: {
                    type: 'gap',
                    radius: 10,
                },
            },
            tools: {
                items: [],
                name: null,
            },
            id: 'ecd46991-bdf1-4d72-9fc8-a0b6a3c77c1e',
            zIndex: 10,
            source: {
                cell: '50a094d6-0a72-4b36-94f4-484d0457e4f7',
                port: 'abs_2',
            },
            target: {
                cell: '3a2d44c9-efba-412e-9434-91a2094b89d3',
                port: 'abs_9',
            },
            vertices: [
                {
                    x: 90,
                    y: 26,
                },
                {
                    x: 90,
                    y: 74,
                },
            ],
        },
        {
            position: {
                x: -473,
                y: 156,
            },
            size: {
                width: 180,
                height: 290,
            },
            view: 'vue-shape-view',
            shape: 'card',
            component: {
                template: '<card />',
                components: {
                    card: {
                        inject: {
                            getGraph: {
                                from: 'getGraph',
                            },
                            getNode: {
                                from: 'getNode',
                            },
                        },
                        components: {
                            RenderContent: {
                                name: 'TitleRender',
                                functional: true,
                                props: {
                                    render: {},
                                    data: {},
                                },
                                _Ctor: {},
                            },
                        },
                        methods: {},
                        staticRenderFns: [],
                        _compiled: true,
                        beforeCreate: [null],
                        beforeDestroy: [null],
                        __file: 'src/views/components/XsCard.vue',
                        _Ctor: {},
                    },
                },
            },
            ports: {
                groups: {
                    top: {
                        position: 'top',
                        attrs: {
                            circle: {
                                r: 3,
                                magnet: true,
                                stroke: '#31d0c6',
                                strokeWidth: 2,
                                fill: '#fff',
                                style: {
                                    visibility: 'hidden',
                                },
                            },
                        },
                    },
                    left: {
                        position: 'left',
                        attrs: {
                            circle: {
                                r: 3,
                                magnet: true,
                                stroke: '#31d0c6',
                                strokeWidth: 2,
                                fill: '#fff',
                                style: {
                                    visibility: 'hidden',
                                },
                            },
                        },
                    },
                    bottom: {
                        position: 'bottom',
                        attrs: {
                            circle: {
                                r: 3,
                                magnet: true,
                                stroke: '#31d0c6',
                                strokeWidth: 2,
                                fill: '#fff',
                                style: {
                                    visibility: 'hidden',
                                },
                            },
                        },
                    },
                    right: {
                        position: 'right',
                        attrs: {
                            circle: {
                                r: 3,
                                magnet: true,
                                stroke: '#31d0c6',
                                strokeWidth: 2,
                                fill: '#fff',
                                style: {
                                    visibility: 'hidden',
                                },
                            },
                        },
                    },
                    abs: {
                        attrs: {
                            circle: {
                                r: 3,
                                magnet: true,
                                stroke: '#31d0c6',
                                strokeWidth: 2,
                                fill: '#fff',
                                style: {
                                    visibility: 'hidden',
                                },
                            },
                        },
                        position: {
                            name: 'absolute',
                        },
                    },
                },
                items: [
                    {
                        id: 'abs_1',
                        group: 'abs',
                        args: {
                            x: '0',
                            y: '46',
                        },
                    },
                    {
                        id: 'abs_2',
                        group: 'abs',
                        args: {
                            x: '100%',
                            y: '46',
                        },
                    },
                    {
                        id: 'abs_3',
                        group: 'abs',
                        args: {
                            x: '0',
                            y: '100',
                        },
                    },
                    {
                        id: 'abs_4',
                        group: 'abs',
                        args: {
                            x: '100%',
                            y: '100',
                        },
                    },
                    {
                        id: 'abs_5',
                        group: 'abs',
                        args: {
                            x: '0',
                            y: '148',
                        },
                    },
                    {
                        id: 'abs_6',
                        group: 'abs',
                        args: {
                            x: '100%',
                            y: '148',
                        },
                    },
                    {
                        id: 'abs_7',
                        group: 'abs',
                        args: {
                            x: '0',
                            y: '196',
                        },
                    },
                    {
                        id: 'abs_8',
                        group: 'abs',
                        args: {
                            x: '100%',
                            y: '196',
                        },
                    },
                    {
                        id: 'abs_9',
                        group: 'abs',
                        args: {
                            x: '0',
                            y: '244',
                        },
                    },
                    {
                        id: 'abs_10',
                        group: 'abs',
                        args: {
                            x: '100%',
                            y: '244',
                        },
                    },
                ],
            },
            id: '9c8c0a69-33c3-4c89-864d-b0a7022dfe16',
            data: {
                title: '自定义表头',
                body: '自定义参数行',
                nodeType: '0',
                render: "(h, param) => h('div', {\n            style: {\n              padding: '16px'\n            }\n          }, [h('div', {\n            style: {\n              height: '60px',\n              lineHeight: '60px'\n            }\n          }, param.title), h('div', {\n            style: {\n              height: '48px',\n              lineHeight: '48px'\n            }\n          }, param.body), h('div', {\n            style: {\n              height: '48px',\n              lineHeight: '48px'\n            }\n          }, param.body), h('div', {\n            style: {\n              height: '48px',\n              lineHeight: '48px'\n            }\n          }, param.body), h('div', {\n            style: {\n              height: '48px',\n              lineHeight: '48px'\n            }\n          }, param.body)])",
            },
            zIndex: 11,
        },
        {
            shape: 'edge',
            attrs: {
                line1: {
                    stroke: {
                        stops: [
                            {
                                offset: '0%',
                                color: '#E77930',
                            },
                            {
                                offset: '50%',
                                color: '#73d13d',
                            },
                            {
                                offset: '100%',
                                color: '#00CEFF',
                            },
                        ],
                    },
                },
            },
            connector: {
                name: 'jumpover',
                args: {
                    type: 'gap',
                    radius: 10,
                },
            },
            tools: {
                items: [],
                name: null,
            },
            id: '8ebb5572-e0e4-41a3-b6ae-718520e11072',
            zIndex: 12,
            source: {
                cell: 'e904359d-2bda-42c1-a8aa-62eb4d2ad2d2',
                port: 'abs_10',
            },
            target: {
                cell: '9c8c0a69-33c3-4c89-864d-b0a7022dfe16',
                port: 'abs_7',
            },
            vertices: [
                {
                    x: -560,
                    y: 74,
                },
                {
                    x: -520,
                    y: 352,
                },
            ],
        },
        {
            shape: 'edge',
            attrs: {
                line1: {
                    stroke: {
                        stops: [
                            {
                                offset: '0%',
                                color: '#E77930',
                            },
                            {
                                offset: '50%',
                                color: '#73d13d',
                            },
                            {
                                offset: '100%',
                                color: '#00CEFF',
                            },
                        ],
                    },
                },
            },
            connector: {
                name: 'jumpover',
                args: {
                    type: 'gap',
                    radius: 10,
                },
            },
            tools: {
                items: [],
                name: null,
            },
            id: '6aa55843-4729-4801-a66e-b0ee0597e067',
            zIndex: 13,
            source: {
                cell: '9c8c0a69-33c3-4c89-864d-b0a7022dfe16',
                port: 'abs_2',
            },
            target: {
                cell: '50a094d6-0a72-4b36-94f4-484d0457e4f7',
                port: 'abs_7',
            },
            vertices: [
                {
                    x: -260,
                    y: 202,
                },
                {
                    x: -230,
                    y: 176,
                },
            ],
        },
    ],
];
export default arr;
